javascript - CSS/HTML - 滚动问题时 float DIV

Question

我遇到了一个看似简单的问题，但无法完全解决这个问题。我正在使用 bootstrap 版本 3 来创建我的基本布局。我有一个页脚需要位于页面底部，因此我将其设置为 position:absolute; bottom: 0; 并且如果缩小，效果很好。当内容开始变长时，它会创建垂直滚动条，并且当​​滚动时，DIV 会 float 而不是停留在底部。

我尝试给容器一个 position:relative; 但似乎没有做任何事情。有人有什么想法吗？

这是我的布局示例，如果您调整预览部分的大小以强制垂直滚动条，您将看到当您滚动时 DIV 会 float 而不是停留在原处。

https://jsfiddle.net/DTcHh/10301/

Answer 1

尝试使用固定

.footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}

js fiddle example