嗨,那裏我一直在網站上工作了很長一段時間,改進了代碼等。我剛纔注意到,在較小的屏幕上,白色背景的高度不會超過所有的內容。Full height div not stretching
設置min-height: 100%;
和height: 100%;
似乎沒有解決它,你認爲這可能是由於很多內容是浮動的事實?
任何建議將不勝感激。
嗨,那裏我一直在網站上工作了很長一段時間,改進了代碼等。我剛纔注意到,在較小的屏幕上,白色背景的高度不會超過所有的內容。Full height div not stretching
設置min-height: 100%;
和height: 100%;
似乎沒有解決它,你認爲這可能是由於很多內容是浮動的事實?
任何建議將不勝感激。
在您的div.container
上,刪除height: 100%
並添加overflow: auto
。
試着把溢出:隱藏;在您要清除其餘內容的容器上
從容器中刪除「height:100%」,從頁腳中刪除「float:left」,並在頁腳中添加「clear:both」。這將清除容器中的所有浮動內容,並且無論瀏覽器的大小如何,容器的背景顏色都將始終可見。
您可以使用inline-block
主div
,如: -
div.container{
display:inline-block;
}
但是`溢出:隱藏;`會做什麼它在錫說,隱藏溢出的內容。我需要通過這些內容來推動它,我想的是更清晰的解決方案,但是我還沒有設法做到這一點。 – Olical 2011-01-06 13:05:07
overflow:hidden也可以用來清除內容 - 以類似於.container的方式工作:after {clear:both} http://www.quirksmode.org/css/clearing.html – kieran 2011-01-06 14:19:44