CSS粘性页脚问题

Question

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

http://www.tuhdoo.com/test/index.htm

正如你所看到的那样，它有效，但屏幕底部有一个20px的悬垂，导致滚动（firefox）。

有人可以帮忙吗？

我正在学习本教程：

http://css-tricks.com/snippets/css/sticky-footer/

Answer 1

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

Answer 2

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

删除它，你会很好：）