頁面末尾的空白處

如何手動在html頁面底部留出空白空間？頁面末尾的空白處

我的內容主要在div，主要是positioned:absolutely。

我在</body>之前試過了<br>的一對夫婦。不工作。我在div上試過margin-bottom:2cm;。不工作。

2013-07-20 user2178841

http://ryanfait.com/sticky-footer/或http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page – 2013-07-20 14:57:07

絕對定位div不在文檔流中，所以無論你做什麼，都不會影響頁面上的其他元素，因此margin-bottom也會失敗，所以你可以做的是使用包裝div的高度的100%;比使用margin-bottom: 2cm;，也將努力

html, body { 
    height: 100%; 
    background: #f50; 
} 

div { /* Using element selector, you can use ids or classes instead to be specfic*/ 
    height: 100%; 
    margin-bottom: 2cm; 
}

Demo

來源

2013-07-20 14:56:58

謝謝。希望這有效。 – user2178841

@ user2178841它會:)如果它不會，你必須做一些真正奇怪的事情.. –

添加以下CSS在網頁：

body { 
    margin-bottom: 50px 
}

來源

2013-07-20 14:56:59

這是我已經做了，我在上面提到它。 :)沒有工作。 – user2178841

不，這將停止背景渲染，如果背景應用於正文，錯誤的選項，以及如果他需要一個元素低於指定的邊距？你會把它放在身體外面嗎？我希望沒有 –

請嘗試使用padding-bottom而不是margin-bottom，因爲邊距用於內容之間的空間，填充是元素內的間距，應該給出您要查找的效果。

您也可能只需在</body>之前放置一個空格div，例如<div style="height: 200px;"></div>。

來源

2013-07-20 14:57:03

沒有男孩，內容絕對定位。這就是爲什麼空格不會工作，而不是。 – user2178841

http://jsfiddle.net/fQnrQ/ –

頁面末尾的空白處

回答

相關問題