HTML / CSS中的粘頁腳，顯示問題

Question

我正在一個網站上工作並試圖將頁腳粘到底部，因為很多頁面的長度不足以將頁腳推到底部。

我已應用此技術： http ： //mystrd.at/modern-clean-css-sticky-footer/

我的頁面可以在這里查看： https : //jsfiddle.net/cgLf0oLa/

我認為此CSS輸入非常重要：

html    {
    position: relative;
    min-height: 100%;
}
body    {
    margin: 0 0 400px;
}

但是，我遇到了麻煩。 頁腳正在其他內容的頂部呈現，我不知道如何使其適應內容大小。 非常感謝幫助。

親切的問候，

克萊門斯

Answer 1

嘗試添加:after ，高度等於頁腳的高度與頁腳上方的包裝。 它在頁腳下方留下空白區域，將頁腳推到底部。