css - 制作水平响应式菜单，li在IE中重叠

Question

!( http://i.imgur.com/nyyRhJX.jpg )! [互联网浏览器]

此 css 在 Safari、Chrome、Firefox 中有效，但即使在最新的 IE 11 中也无法正常工作。li 重叠，并在列表顶部创建一个空格。如果我去掉 li 上的高度，文本就不再重叠。相反，我在每一里得到巨大的填充，除非我设置一个高度，否则我无法摆脱这些填充。

如果我应该提供更多信息，请告诉我。谢谢。

下面是李的

.dropdown-menu > li {
    padding-left: 15px;
    height:25px;
    zoom:1;
    list-style:none;
    font-size:14px;
}
*, *::before, *::after{
    box-sizing:border-box;
}
.five-col{
    -moz-column-count:5;
    -webkit-column-count:5;
}
*********This is on the li > a
.dropdown-menu > li > a{
    display:block;
    padding:3px 20px;
    clear:both;
    font-weight:normal;
    line-height:1.428;
    white-space:nowrap;
}

********HTML is as follows
<div id="#category-list">
    <ul class="nav navbar-nav">
        <li>
            <a>Main Link</a>
            <ul class="dropdown">
                <li><a>link</a></li>
                <li><a>link</a></li>
                <li><a>link</a></li>
                ... etc.
            </ul>
        </li>
    </ul>
</div>

Answer 1

访问下面的链接，它会对你有所帮助。

http://css3menu.com/neat-red.html#