CSS：放置页脚[重复]

Question

可能重复：
CSS sticky footer

我有一个问题，当页面上的内容很少时，页脚会向上，而当页面上的内容很多时，页脚还可以，因为它在底部。

所以我在页脚中写了这段代码：

position:absolute;bottom:0px;

现在页面内容少的时候，页脚就好了！但是当页面内容很多时，页脚在页面中间

我该如何解决这个问题？

提前谢谢你。

Answer 1

底部的页脚：

1. 固定页脚高度：
   http://jsfiddle.net/EP6Hn/1/
2. 固定页脚高度和垂直居中对齐：
   http://jsfiddle.net/KUEYm/
3. 灵活的页脚高度：
   http://jsfiddle.net/QWb4H/
4. 灵活的页脚高度和垂直居中对齐：
   http://jsfiddle.net/QGFAV/
5. 底部的页脚 + PNG 背景延伸到内容的高度：
   http://jsfiddle.net/EXTyU/

Answer 2

对于我的一些项目，我不得不将页脚固定在页面底部。本站有很好的教程http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

本教程背后的想法是确保页面垂直填充浏览器视口。一旦你解决了这个问题，你的页脚就会粘在底部。