Firefox中的CSS下拉列表位置错误

Firefox中的CSS下拉列表位置错误,css,firefox,positioning,Css,Firefox,Positioning,下拉菜单在Chrome中显示ok,但不显示FF 想法?您必须添加左侧:0至ul#菜单li ul.子菜单移除上的浮动:左: <ul id="menu" style="float:left;"> 。。。并将子菜单定位在顶部:100% ul#menu li ul.sub-menu { display: none; position: absolute; top: 100%; /* amended */ width: 100px; z-index:

下拉菜单在Chrome中显示ok,但不显示FF


想法?

您必须添加
左侧:0
ul#菜单li ul.子菜单

移除
    上的
    浮动:左

    <ul id="menu" style="float:left;">
    
    。。。并将子菜单定位在顶部:100%

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

    你能给我们一个答案吗?你需要在你的问题中添加代码和质量。从现在起,它应该关闭。
    .navigation ul li {
        display: block; /* new */
        float: left; /* new */
        margin: 0;
        padding: 0;
    }
    
    ul#menu li ul.sub-menu {
        display: none;
        position: absolute;
        top: 100%; /* amended */
        width: 100px;
        z-index: 10;
    }