2011-01-06 71 views
5

嗨,那裏我一直在網站上工作了很長一段時間,改進了代碼等。我剛纔注意到,在較小的屏幕上,白色背景的高度不會超過所有的內容。Full height div not stretching

設置min-height: 100%;height: 100%;似乎沒有解決它,你認爲這可能是由於很多內容是浮動的事實?

任何建議將不勝感激。

回答

5

在您的div.container上,刪除height: 100%並添加overflow: auto

0

試着把溢出:隱藏;在您要清除其餘內容的容器上

+0

但是`溢出:隱藏;`會做什麼它在錫說,隱藏溢出的內容。我需要通過這些內容來推動它,我想的是更清晰的解決方案,但是我還沒有設法做到這一點。 – Olical 2011-01-06 13:05:07

+0

overflow:hidden也可以用來清除內容 - 以類似於.container的方式工作:after {clear:both} http://www.quirksmode.org/css/clearing.html – kieran 2011-01-06 14:19:44

1

從容器中刪除「height:100%」,從頁腳中刪除「float:left」,並在頁腳中添加「clear:both」。這將清除容器中的所有浮動內容,並且無論瀏覽器的大小如何,容器的背景顏色都將始終可見。

0

您可以使用inline-blockdiv,如: -

div.container{ 
    display:inline-block; 
} 
相關問題