粘滞页脚CSS问题

时间:2009-09-15 00:52:28

标签: css height footer

我已经能够设计我的布局,使其有2列,宽度为100%,你可以看到here

现在我正在尝试使用这种布局实现粘性页脚(100%)高度,右侧列中的背景沿着页脚向下流动,并且还有左侧列中的边框。

有没有办法用我当前的布局来做到这一点,或者如果有人能提出替代我目前正在做的方式的话,这会很棒!

谢谢!

2 个答案:

答案 0 :(得分:4)

看看Sticky Footer 2009。这也已在SO上讨论multiple times

答案 1 :(得分:0)

我会在包含列和样式的DIV中添加一个CSS类。为了接近,我不得不将以下内容添加到您的CSS文件中:

body
{
 height: 100%;
}

.footer
{
 position: absolute;
 top: 90%;
 left: 0;
 height: 10%;
}