为什么我的下拉菜单会在悬停时移动？

Question

我的网站（http://www.oia.co.za/schedules/）有一个水平导航菜单，其中包含悬停下拉列表，并且该相关内容会将相邻列表项移动到悬停下拉列表的宽度。< / p>

我不能为我的生活弄清楚问题是什么，而且整晚看着CSS我的眼睛是正方形的。

我知道这是一件非常简单的事情，而且我只是看了很久......

Answer 1

将position:absolute提供给您的Dropdown UL。写得像这样：

    .menu-item{position:relative}

.sub-menu{
 position:absolute;
 top:30px;
 left:0;
}

Answer 2

您可以尝试将下拉列表ul更新为绝对定位：

#top_navigation ul.sub-menu {
    display: none;
    margin-top: 0;
    position: absolute;
    top: 50px;
}

#top_navigation ul {
    overflow: visible;
}