CSS子菜单定位适用于Chrome& Safari,但不是IE和Firefox

时间:2013-04-10 09:33:45

标签: html css menu navigation submenu

我目前正在为游戏社区构建一个名为http://www.quad-gaming.com/的网站。

除了"登录"下的下拉菜单外,一切运行顺畅。在导航栏的右侧。它适用于Chrome和Safari,但在IE和Firefox中,它漂浮在左侧。

我做错了什么?

3 个答案:

答案 0 :(得分:2)

确实有点奇怪。

如果指定ul元素使left值为零,则可以正常工作:

nav ul li ul {
  left: 0;
}

无法在IE上试用,因为我在Mac上。希望它也有效。

答案 1 :(得分:1)

试试这个

.dropdown ul {
    left: 0;
}

在IE10,IE8,FF20和Chrome 26上测试并使用Win7

答案 2 :(得分:0)

我用过

nav ul li ul {
    position:absolute;
    left:0px; /* Adding this to fix left position*/
    visibility: hidden;
}    

它适用于Firefox。