因此,我要向站点添加 CSS 下拉菜单,但我无法使其正常显示。
有问题的站点在这里> http://www.grimeforum.com/ 当您将鼠标悬停在“新闻”LI 上时,子 UL 会被压扁。
过去几个小时我一直在弄乱位置,但它要么显示在正确的位置但非常压扁,要么漂浮在左侧(但没有压扁)。
当我删除
position: relative;
来自
#menu-nav li {
float: left;
position: relative;
}
它看起来没有被压扁,但漂浮在父 LI 的左侧。
有什么想法吗?
这是 fiddle - http://jsfiddle.net/sCW9A/ 从第 463 行删除 postition:relative
最佳答案
将它的宽度设置为 175px 对我很有效。
好的,我明白了。首先将 #menu-nav li
更改为 #menu-nav>li
因为您不希望所有 li 都在 menu-nav 下向左浮动
其次将其添加到子菜单下的 anchor
white-space: nowrap;
关于css - 如何在父 LI 下对齐下拉菜单 UL?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19327308/