Html 下拉菜单断开页脚

我有一个html文件，有很大的下拉菜单和一个小页面。当我只使用页面而不触摸菜单时，页脚在底部，没有问题。当我使用下拉菜单时，页脚与以前保持在同一位置，并且在它下面有一个巨大的空白。我不希望它被修复（并不是所有的页面都被修复，所以它会很难看），但我希望它始终保持在底部，即使我打开下拉菜单并滚动。我该怎么做？这是页脚的css，如果有帮助的话

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

---

因为页脚应该在底部，所以它不应该有

页边距顶部

属性，而应该有

底部：0

---

另外，下拉列表应该有

max height

css属性，它不应该太长。

提供完整的代码谢谢你的回答，但它对我没有帮助：/。margin top属性的存在还有其他原因，正如我所说的，只有在使用下拉菜单时，底部才有问题。我不想让页脚变短，这就是为什么我问如何让页脚总是在底部。无论如何，谢谢你抽出时间来。：）但这就是实际的行为，如果你给一个元素设置了

margin top

，它将被固定到那个边距，然后你尝试加载一个非常大的下拉列表，因为你的页脚被一些边距固定，所以它的位置不会改变。如果要在页面底部添加内容，必须使用

bottom

属性。或者提供完整的代码