CSS靜態margin-bottom低於內容？

Question

我試圖在我的頁面底部，主要內容區域的下方實現一個50px的空間，以便無論用戶處於何種文本大小，或頁面內有多少內容 - 總會有一個在內容區域之後進行50px的空間，這將使容器div（透明）或正文顯示。

聽起來相當簡單，我已經調整了設置邊距和填充到我的容器div和身體標籤等，但我沒有運氣，所以曾經。規模或內容的增加推動了我設法創造的任何空間。

是否有產生這種效果的一般的乾淨方法？

Answer 1

很難說沒有看到標記，但它可能是你的div容器不清除其子元素，這或許可以解釋爲什麼在底部保證金或填充，沒有工作...

如果你有浮在容器內部的div，那可能是問題所在。

有許多清理浮動的技巧 - 搜索所有浮動css浮動清除 - 一個快速測試將放在一個div浮動：none;清除：兩個;低於其他孩子，看看這是否有所作爲。
我經常發現在容器上設置背景顏色的時候很有用，然後在你弄清它的時候去掉它。

Answer 2

您可以創建這樣一個div：

height: 50px; 
width: 100%; 
position: fixed; 
bottom: 0; 

這將只是創建高度50像素的白色方塊，將永遠不會移動，它停留在瀏覽器的底部。這是你想要達到的目標嗎？

如果內容仍然通過此div運行，請嘗試更改它的z-index，以使其位於其他元素之上。