CSS粘性页脚问题

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

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

有人能帮忙吗

我遵循本教程：

---

我认为问题是由身体元素上的

填充顶部：20px

引起的。尝试将其移动到您的

body>#container>header

元素。

我认为问题是由body元素上的

填充top:20px

引起的。尝试将其移动到

body>#container>header

元素。

这是因为body元素上的填充顶部为20px。这使得主体元素的高度为全屏加上20px

---

卸下它，你会很好：）

这是因为在body元素上有一个20px的填充顶部。这使得主体元素的高度为全屏加上20px

---

删除它，您会很好：）

您有没有理由不使用position:fixed？因为它是CMS，内容是动态的？您有没有理由不使用position:fixed？因为它是CMS，内容是动态的