css - 如何在父 LI 下对齐下拉菜单 UL？

Question

因此，我要向站点添加 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

Answer 1

将它的宽度设置为 175px 对我很有效。

好的，我明白了。首先将 #menu-nav li 更改为 #menu-nav>li 因为您不希望所有 li 都在 menu-nav 下向左浮动其次将其添加到子菜单下的 anchor

white-space: nowrap;