CSS子菜单定位在除Firefox之外的所有内容中

时间:2012-01-04 11:52:08

标签: css browser cross-browser

我之前使用纯CSS子菜单遇到了麻烦。它在FF(至少在OS X上)看起来很好,但在其他浏览器中,它与父li的右侧对齐,与左侧相反。

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

[已移除的网址]

有没有人知道我做错了什么?

3 个答案:

答案 0 :(得分:1)

.navigation ul.menu li ul.sub-menu {上的

只需添加left:0;即可修复

答案 1 :(得分:1)

设置为.navigation ul.menu li ul.sub-menu css类样式left:0px

答案 2 :(得分:0)

您的子菜单在悬停时设置为display:inline。如果您将其更改为display:block,则应将其修复。

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