Html CSS子菜单定位在Chrome&；Safari，但不是IE和Firefox

我目前正在为一个名为

http://www.quad-gaming.com/

除了导航栏右侧“登录”下的下拉菜单外，一切都很顺利。它在Chrome和Safari中运行良好，但在IE和Firefox中，它会向左浮动

我做错了什么？

我用过

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

它在Firefox中工作。

我用过

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

而且它在Firefox中工作。

确实有点奇怪

如果将

ul

元素的

left

值指定为零，则其工作正常：

nav ul li ul {
  left: 0;
}

不能在IE上试用，因为我在Mac上。希望它在那里也能起作用。

确实有点奇怪

如果将

ul

元素的

left

值指定为零，则其工作正常：

nav ul li ul {
  left: 0;
}

不能在IE上试用，因为我在Mac上。希望它在那里也能起作用。

试试这个

.dropdown ul {
    left: 0;
}

在IE10、IE8、FF20和Chrome 26上测试并在Win7上工作

.dropdown ul {
    left: 0;
}

---

在IE10、IE8、FF20和Chrome 26上测试并在Win7上工作更深入一点，我认为这是正在发生的，因为

li

元素是一个内联元素，如果您将其更改为浮动元素或内联块元素，它可以在不添加

left

值的情况下工作。我认为这种方式是一种更好的方式——即使你需要重新设计你的菜单样式——以避免进一步的冲突。添加“left:0；”修复了我的问题，非常感谢。这里是我添加它的地方：nav ul li ul{position:absolute；left:0px；visibility:hidden；}更深入一点，我认为这是发生的，因为

li

元素是一个内联元素，如果您将其更改为一个浮动元素或内联块元素，那么它在不添加

left

值的情况下工作。我认为这种方式是一种更好的方式——即使你需要重新设计你的菜单样式——以避免进一步的冲突。添加“left:0；”修复了我的问题，非常感谢。这里是我添加它的地方：nav ul li ul{position:absolute；left:0px；visibility:hidden；}这解决了我的问题，但上面的答案更具体，所以我将其标记为已回答。有没有办法把你也添加到“已接受答案”中？你可以把我的答案标记为有用的。。。主要的想法是你已经解决了你的问题。这解决了我的问题，但上面的答案更具体，所以我将其标记为已回答。有没有办法把你也添加到“已接受答案”中？你可以把我的答案标记为有用的。。。主要的想法是你已经解决了你的问题。请不要在你指向网站的地方提出问题。网站改变了，但这个问题仍然存在。有人想登上看不到问题来源的页面吗？或者更糟：来源已经改变了？它会降低stackoverflow的值。编辑问题以添加上面的相关代码，并询问有关代码的问题，而不是引导观众“查看网站”。请不要在指向网站的地方创建问题。网站改变了，但这个问题仍然存在。有人想登上看不到问题来源的页面吗？或者更糟：来源已经改变了？它会降低stackoverflow的值。编辑问题以添加上面的相关代码，并询问有关代码的问题，而不是引导观众“查看网站”。