如何使页脚粘在底部[重复]

Question

我在将页脚固定在底部时遇到问题 我没有在页脚中添加样式我只是将它设置为页面中的最后一个元素并且它工作正常，直到有一个包含小内容的页面，然后页脚向上移动，就像这张图片一样

现在，当页面内容高度较小时，我该怎么做才能使页脚粘在底部。

我尝试将这些样式添加到页脚：

footer{
position: fixed;
bottom: 0; }

如果页面内容很小，这可以正常工作，但如果不是，页脚会显示在页面内容的顶部，如下图所示：

底线是我怎样才能让这个页脚粘在底部

Answer 1

你可以试试

html, body {
  height: 100%;
  margin: 0;
}