css - 粘性页脚 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%;
}