css - CSS 粘滞页脚问题

Question

我正在尝试在以下页面上实现 CSS 粘性页脚：

正如您所看到的，它在一定程度上可以工作，但屏幕底部有一个 20px 的悬垂会导致滚动（firefox）。

有人可以帮忙吗？

我正在关注本教程：

score 3 · Accepted Answer

我认为这个问题是由padding-top:20px你的身体元素引起的。尝试将其移至您的body > #container > header元素。

score 2 · Accepted Answer

这是因为你在 body 元素上有一个 20px 的 padding-top。这使得 body 元素的高度全屏加上 20px。

删除它，你会很好:)

2 回答 2