我之前使用纯CSS子菜单遇到了麻烦。它在FF(至少在OS X上)看起来很好,但在其他浏览器中,它与父li的右侧对齐,与左侧相反。
下面可以看到一个例子(将鼠标悬停在“关于我们”或“我的地标24”上)
[已移除的网址]
有没有人知道我做错了什么?
答案 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;
}