粘滞页脚CSS问题

Question

我已经能够设计我的布局，使其有2列，宽度为100％，你可以看到此处。

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

有没有办法用我当前的布局做到这一点，或者如果有人可以建议替代我目前正在做的方式，那就太棒了！

谢谢！

Answer 1

请参阅 Sticky Footer 2009 。这也已在SO上多次进行了讨论。

Answer 2

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

body
{
 height: 100%;
}

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