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

Posted 2023-03-06

技术标签:

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

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

http://bit.ly/1pjqnPu

想法？

【问题讨论】：

你能给我们一个JSFiddle吗？您需要为您的问题添加代码和质量。截至目前，它应该被关闭。 【参考方案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

【讨论】：

以上是关于Firefox中的CSS下拉位置错误[关闭]的主要内容，如果未能解决你的问题，请参考以下文章