CSS子菜单在除Firefox之外的所有功能中都处于关闭状态

我以前在使用纯CSS子菜单时遇到过这个问题。它在FF（至少在OSX上）中看起来不错，但在其他浏览器中，它与父li的右侧对齐，与应该的左侧相反

下面可以看到一个例子（将鼠标悬停在“关于我们”或“我的地标24”上）

[已删除URL]

---

有人知道我做错了什么吗？

您的子菜单在悬停时设置为

display:inline

。如果将其更改为

display:block

，则应将其修复

.navigation ul.menu li:hover ul.sub-menu {
    display: block;
}

---

在

.navigation ul.menu li ul.sub菜单上{

只需添加

left:0；

即可将其修复

设置为您的

.navigation ul.menu li ul.sub-menu

css类样式

left:0px
您可能希望尝试将问题隔离为单独的代码并将其发布，例如发布在jsfiddle.net上-否则未来用户将无法获得问题所讨论的内容你尝试过在子菜单css中添加top和left？你能测试一下left:0；在
.navigation ul.menu li ul.sub menu
中是否有帮助吗？我现在已经从我的问题中删除了URL，我现在将上传一个代码示例到JSFIDLE，这样它可能会帮助未来的人繁荣！！工作很愉快。我自己应该想到这一点。谢谢你乌伯同时回答了同样的问题：）