Firefox中的CSS下拉位置错误[关闭]

【问题标题】：CSS Dropdown Position Error in Firefox [closed]Firefox中的CSS下拉位置错误[关闭]
【发布时间】：2014-07-17 21:01:48
【问题描述】：

下拉菜单在 Chrome 中显示正常，但在 FF 中不行？

想法？

【问题讨论】：

【解决方案1】：

删除<ul>上的float:left：

<ul id="menu" style="float:left;">

变成：

<ul id="menu">

然后在您的 CSS 中将 <li> 设置为 display:block 和 float:left...

.navigation ul li {
    display: block; /* new */
    float: left; /* new */
    margin: 0;
    padding: 0;
}

...并将子菜单定位在top:100%

ul#menu li ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%; /* amended */
    width: 100px;
    z-index: 10;
}

【讨论】：

【解决方案2】：

您必须将left: 0; 添加到ul#menu li ul.sub-menu

【讨论】：