css - 我的下拉菜单显示在同一个顶部元素下

Question

见网站 - http://webbetasite.com/dahlberg/

如您所见，我的下拉菜单未在其父项下正确显示。

请帮忙，谢谢。

Answer 1

您需要添加position:relative到

#header .container #top-menu ul.top-menu li

这样下拉菜单相对于parent菜单项打开，而不是relative像top-menu现在这样。

Answer 2

您可以将每个子菜单放置在距左侧固定距离处。给每个子菜单项一个 id 并为此设置一个 css 指令。例子：

<li class="sub-menu" id="sub1">Entry</li>

CSS：

#sub1 {left:120px;}