下拉菜单页脚

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属性，它不应该太长。