菜单会将页脚推开

Question

我的Dropdown菜单出了问题。当你将它悬停时，它会将页脚推开，它会产生一种怪异的效果，你可以滚动整个页面。 （这只是当下拉到达页脚时） 我尝试了很多像max-height等的东西，但它不会工作。

网站： {固定}

如果您将“Zippo”菜单项悬停，那么怪异的东西就会出现。

我该如何解决这个问题？

谢谢！ Wouter0100

Answer 1

您可以将下拉菜单位置设置为绝对值：

#nav li ul {
   margin: 0px;
   padding: 0px;
   display: none;
   position: absolute;
   top: 25px;
   z-index: 99; /* edited */
}

Answer 2

从以下位置更改以下类：

#nav li ul {
margin: 0px;
padding: 0px;
display: none;
}

到

#nav li ul {
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 24px;
    z-index: 100;
}

Answer 3

由于菜单导航高度

的高度，页脚下拉

要过来这个你需要通过位置将菜单拉出正常的Dom

#menu {position: relative;}
#nav {z-index: 100;position: absolute; }