將div元素附加到頁面的底部

Question

我有一個頁面，其中的主要內容具有可變的高度。我想有一個固定的高度（約50px）頁腳到頁面的最底部。

我需要它隨着頁面一起滾動（所以不是固定的位置）。

一對夫婦的情景：

如果體內含量300像素高，該窗口沒有滾動條，頁腳會一路底部可見。

如果主體內容爲900px高，並且窗口具有滾動條，則頁腳將一直處於底部，頁腳與窗口底部之間沒有空間，除非滾動到非常底部。

有沒有辦法在純CSS中完成此操作？試圖避免使用JS來處理這個問題。

Answer 1

看到代碼和演示的小提琴

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

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

---

注：請注意，這http://jsfiddle.net/yp4EH/不是答案，這只是爲了演示目的。 我給這個幫助和概念的目的這個小提琴http://jsfiddle.net/yp4EH/是不相關的這個問題，但基於相同的情況 - 側欄，內容，底部總是在底部。