CSS：放置页脚 [英] CSS:placing footer

问题描述

可能重复：

固定页脚高度&垂直对齐中间：
http://jsfiddle.net/KUEYm/

弹性页脚高度：
http://jsfiddle.net/QWb4H/

灵活的页脚高度&垂直对齐中间：
http://jsfiddle.net/QGFAV/

页脚底部+ PNG背景伸展到内容高度：
http://jsfiddle.net/ EXTyU /

Possible Duplicate:
CSS sticky footer

I'm having a problem that when there is a small amount of content on the page the footer goes up , and when there is a lot of content on the page , the footer is okay because it is in the bottom.

so i written this code in the footer:

position:absolute;bottom:0px;

and now when there is a small amount of content in the page , the footer is okay! but when there is a lot amount of content in the page , the footer is in the middle of the page

how can i solve this problem?

thank you in advance.

解决方案

Footer at bottom:

1. Fixed Footer Height:
   http://jsfiddle.net/EP6Hn/1/
2. Fixed Footer Height & Vertical Alignment Middle:
   http://jsfiddle.net/KUEYm/
3. Flexible Footer Height:
   http://jsfiddle.net/QWb4H/
4. Flexible Footer Height & Vertical Alignment Middle:
   http://jsfiddle.net/QGFAV/
5. Footer at bottom + PNG background stretches to a height of content:
   http://jsfiddle.net/EXTyU/

这篇关于CSS：放置页脚的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！