2013-04-25 39 views
2

http://thestleonardsacademy.org/stlan/extracurricular.php爲什麼我的100%身高尺寸不能拉伸到家長的100%?不是float

bodyhtml是100%時,#content容器是100%,但孩子#newstiles不會100%的高度,我設置相匹配。我可以設置一個固定的高度,這會增加它超出目前似乎使用的自動高度,但100%不會做任何事情。

我一定要生氣,或者失去一些非常明顯的東西!

+0

因爲W3C這只是一個正確的答案 – Michal 2013-04-25 08:08:46

+0

嘗試HTML,身體{最小高度:100%;}? – 2013-04-25 08:08:59

回答

0

嘗試

height: 100%; 

添加到您的#內容風格。您只定義了最大高度和最小高度。

+0

這似乎工作。仍然有點難倒,因爲這意味着#newstiles填充視口的100%,這意味着滾動等於頁眉+頁腳。 但是,您的答案確實解決了內容問題。 – user43138 2013-04-25 08:29:34

0

嘗試在#newstiles上將位置設置爲「絕對」。然後,高度是100%,但你會得到一些醜陋的滾動條,因爲總頁面高度將是100%+你的標題。

我建議你刪除高度和寬度,並將其替換爲絕對位置,頂部:120px(頂部導航的大小)和底部:0px。

希望這是你在找的。 :)

+0

'position:absolute;'將元素從文檔流中移除,因此它會在佈局的其餘部分玩弄地獄。 – Kyle 2013-04-25 08:44:05