如何讓頁腳留在頁面底部

我想知道如何讓頁腳在沒有足夠內容時留在底部。如何讓頁腳留在頁面底部

如果我用這個爲CSS position:absolute; bottom:0;

的問題是，如果有足夠多的內容更頁腳漂浮，覆蓋的內容。

感謝。

2013-07-09 ipman

這是你在找什麼？ http://ryanfait.com/sticky-footer/頁腳粘貼到窗口的底部，除非內容將它壓下窗口底部。 – HJ05

我試過了，但我無法讓它工作。我有以下代碼 'html，body {height}：100％; } .zone-content-wrapper {0}最低高度：100％; 身高：自動！重要; 身高：100％; margin：0 auto -4em; } .section-footer，.push { \t height：4em; ' }' – ipman

您需要定義position: fixed; bottom: 0; width: 100%;

來源

2013-07-09 02:24:28

但事情是我不希望頁腳被修復。我只是希望它被粘在頁面的底部。謝謝。你定義了寬度的 – ipman

嗎？位置：絕對 –

你的結構需要看起來像這樣：

<body> 
    <section id="wrap><!-- This has header, etc --></section> 
    <footer></footer> 
</body>

然後CSS（其中50像素是您的頁腳的高度，只是更換）：

html, body { height: 100%; } 
#wrap { 
    min-height: 100%; 
    padding-bottom: 50px; 
} 
footer { 
    height: 50px; 
    margin-top: -50px; 
}

來源

2013-07-09 02:43:45 kalley

http://www.cssstickyfooter.com/應該是你要找的。

來源

2013-07-09 03:35:27 furryLogic

如何讓頁腳留在頁面底部

回答

相關問題