頁腳位置：固定到視口底部，但有高度限制

Question

在此示例中，我們有一個（非常胖的）頁腳，該頁腳固定在頁面底部。 使用短視口查看時，它會覆蓋頁眉和正文。 有什么方法可以使頁腳與頂部保持一定的最小距離，僅使用CSS？

在body和#outW上嘗試過最小高度和高度，但沒有任何效果。

http://jsfiddle.net/2XsNH/1/

（向上移動瀏覽器窗口的底部，以查看黃色頁腳位於頁眉上方）

Answer 1

很抱歉，如果我對問題的描述不盡如人意，但這就是我想要的-

http://ryanfait.com/sticky-footer/

問題是我的第一個直覺position:fixed將永遠無法工作，因為具有固定位置的元素完全脫離了文檔流。 因此，以上頁面在內容區域上使用了負邊距技巧，以為標題騰出空間。

Answer 2

我認為在純CSS中執行此操作的唯一方法是給主要內容指定position: relative和z-index （例如10 ）以及頁腳（ 9 。