将div元素附加到页面底部

Question

我有一个主要内容具有可变高度的页面。我希望在页面的最底部有一个固定的高度（约50px）页脚。

我需要它与页面一起滚动（所以不是固定的位置）。

几个场景：

如果正文内容为300px高，则窗口没有滚动条，页脚将一直到底部并且可见。

如果身体内容是900px高并且窗口有一个滚动条，页脚将一直在底部，页脚和窗口底部之间没有空间，除非滚动到最底部，否则不可见

有没有办法在纯CSS中实现这一点？试图避免使用JS来处理这个问题。

Answer 1

查看代码和演示的小提琴

小提琴：http://jsfiddle.net/gLpFJ/

演示：http://jsfiddle.net/gLpFJ/embedded/result/

---

注意：请注意，此http://jsfiddle.net/yp4EH/不仅仅是出于演示目的的答案。 我正在给予这个帮助和概念目的这个小提琴http://jsfiddle.net/yp4EH/与这个问题无关，但基于相同的情况 - 侧栏，内容，页脚始终在底部。