HTML和CSS高度屬性

我開始對CSS感到沮喪。任何時候，我認爲我已經掌握了它的許多方面之一，我完全被意想不到的行爲所拋棄。HTML和CSS高度屬性

我一直在嘗試做一個粘腳。所以我將身體元素的高度設置爲100％，因此它佔用了完整的html元素（瀏覽器窗口）。然後，我將所有內容都包含在除了頁腳元素之外的div中，並將此div的高度設置爲100％，認爲這將佔用整個身體高度，並將頁腳從屏幕底部推出。然後我可以申請一個負邊緣喲提出並修復它在底部。

但是，頁腳位於頁面底部，不需要負邊距。因此，我將高度設置爲100％的想法完全拋棄了。這裏發生了什麼？

來源

2013-03-26 Boon

你能否提供一些代碼？ – 2013-03-26 14:57:54

發佈您的代碼，並在同一時間，看看他們是如何做到這一點http://blog.softlayer.com/2012/tips-and-tricks-pure-css-sticky-footers/ – robasta 2013-03-26 14:58:34

永遠不會相信'高度'在css :) – Johan 2013-03-26 15:06:23

HTML

<div class="footer">Content</div>

CSS

body{ 
margin:0; //you need it for the correct bottom margin 
} 

.footer 
{ 
    position: fixed; 
    bottom:0; 
    height:75px; //height of the footer 
    color:white; 
    background-color: black; 
    width:100%; 
    margin:0px; 

}

來源

2013-03-26 16:46:28 Panyi

HTML和CSS高度屬性

回答

相關問題