使div一直延伸到页面底部

时间:2010-10-14 20:42:32

标签: html css layout

我的网站有可变内容长度,这有时意味着页脚不在页面底部,是否有办法让页脚填满剩下的空间?

http://www.ibdnetwork.co.uk/members-content/forums

3 个答案:

答案 0 :(得分:1)

看看CSS-Tricks.Com的优秀文章:

See the demo here :)

答案 1 :(得分:1)

<强> CSS

#footer {
  position:fixed !important;
  bottom:0;
}

这应该这样做。您可以在内容包装器上添加一个填充,其页脚高度为50px或类似内容,用于内容和页脚之间的间距。页脚将位于您的内容之上。

答案 2 :(得分:0)

这个问题有多种方法。一个是

html, body { height:100%; }
在你的CSS中

。但是,这可能会在垂直滚动的页面上产生问题。对于复杂的情况,您将不得不求助于JavaScript onResize编码。

看看这是否有帮助:

How do I force a DIV block to extend to the bottom of a page even if it has no content?