html - 如何将页脚推到页面底部但避免滚动条？

Question

这是我正在处理的网站:

http://uber.imu.uiowa.edu/isa/

由于内容不足，页脚 float 到页面顶部，所以我使用这个技巧将页脚推到底部:

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

问题是，空间太大，它添加了一个滚动条。如何修复它，使页脚位于页面底部，但不添加滚动条？

Answer 1

目前的方法很棒，我一直在用它。您只是忘记将包装器的负底边距设置为与页脚和页脚推送相同的高度。将您的 .wrapper css 更新为此 margin: 0 auto -300px; 在 chrome 检查器中对我有用。