Firefox中的CSS下拉列表位置错误
下拉菜单在Chrome中显示ok,但不显示FFFirefox中的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:
想法?您必须添加
左侧: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;
}