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

Question

这是我正在开发的网站：

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

由于没有足够的内容，页脚浮动到页面顶部，所以我使用这个技巧将页脚推到底部：

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

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

Answer 1

页脚的图像太大，我认为您必须在 Photoshop 中调整图像大小，然后在页脚中使用它，或者将图像放在页脚上。

Answer 2

好吧，保持你目前的方法，我只是减少高度.push：

.push{
    height:50px;
}

但这不是最好的方法。

http://jsfiddle.net/VFqTv/

在此示例中，您为body标签提供与页脚相同的背景颜色（或图像），然后内容将根据需要填充尽可能多的空间。页脚就在它的正下方，而它下方的剩余部分则翻转了屏幕的其余部分，起到了某种填充物的作用。

Answer 3

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

Answer 4

您网页中的内容太多，无法在单个屏幕上显示。因此，如果要删除滚动条，要么必须减小字体和内容大小，要么必须删除一些内容。

但是如果你想减少网页中的一些垂直空间，请删除height:200px;并.push {}添加margin-top:100px;