下拉菜单中断页脚

Question

我有一个带有非常大的下拉菜单和一个小页面的 html 文件。当我只是使用页面而不触摸菜单时，页脚在底部，没有问题。当我使用下拉菜单时，页脚和以前一样停留在同一位置，并且在它下面有一个巨大的空白区域。我不希望它被修复（它不适用于所有页面，所以它会很丑）但我希望它始终保持在底部，即使我打开下拉菜单并滚动。我怎样才能做到这一点？如果有帮助，这是页脚的 css。

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

Answer 1

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

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