下拉菜单打破页脚

问题描述：

我有一个非常大的下拉菜单和一个小页面的HTML文件。当我刚刚使用该页面而未触摸菜单时，页脚位于底部，没有任何问题。当我使用下拉菜单时，页脚停留在与之前相同的位置，并且下面有一个巨大的空白区域。我不希望它被修正（它不适用于所有页面，所以它会变得很难看），但我希望它始终保持在最低点，即使我打开了下拉菜单并滚动。我怎样才能做到这一点？如果有帮助，这是页脚的CSS。下拉菜单打破页脚

footer { 
    margin-top: 10%; 
    text-align: center; 
    background: rgb(200,200,200); 
    padding: 1%; 
    font-size: 18px; 
}

提供完整的代码 –

答

至于页脚应该在底部，所以它不应该有margin-top属性，而不是它应该有bottom:0。

另外，下拉应该有max-height css属性，它不应该太长。

谢谢你的答案，但它没有帮助我：/。由于其他原因，保证金最高的财产是有的，因为我说我没有底部的问题，只有当我使用下拉菜单。我不想让它们缩短，这就是为什么我问我怎样才能让页脚始终处于最底层。无论如何，谢谢你的时间。 :) –

但是这是实际的行为，如果你已经给元素设置了'margin-top'，它将被固定为该边距，然后你试图加载下拉，这非常大，因为你的页脚被某些所以它的位置不会改变。如果你想在页面底部添加一些东西，你必须使用'bottom'属性。或者提供完整的代码 –

下拉菜单打破页脚

相关推荐