爲什麼孩子的DIV高度超過身體

在我的html，我有一些像爲什麼孩子的DIV高度超過身體

<html> 
    <head> 
    </head> 

    <body> 
     <div id = "main"> 
      <div> I'm 500px tall</div> 
      <div> I'm xxxpx tall</div> 
     </div>    
    </body> 

</html>

和我的CSS像

head, body, #main{ 
    height:100%; 
    width: 100%; 
} 

otherDivs{ 
    height: some number of px 
}

顯示的一切要麼是塊或內聯，不存在浮動

定位是絕對的還是相對的

發生了什麼事#main（& html包裹它）高度不是整頁高度（只有頁面高度的2/3左右），#main中包含的一些div實際上超過了主的高度

我有這個固定通過改變身高：100％到最小高度：100％，但不明白爲什麼元素會超過他們的父div高度，我100％確定所有高度的孩子div在px聲明，不會#main自動包裝它們？

來源

2013-01-10 Matthew Yang

高度的身體和HTML的100％將是瀏覽器窗口的高度，因此當您設置的主要以100％的高度，你都僅僅侷限於瀏覽器窗口的高度。通過設置最小高度，你說你希望它至少爲100％，但如果它超過了這個（比窗口更大的內容），然後增長到適合 – Pete

是的，我意識到這一點，但我不明白的是#main實際上沒有伸展到窗口高度，並導致子div超過高度.. –

好吧，我其實並不認爲你可以設置HTML和身體是身高100％，據我所知100％身高你需要至少有一位父母擁有絕對數量的px集。 – Pete

而不是使用height:100%爲#main的，使用overflow:hidden;財產

來源

2013-01-10 16:30:25

爲什麼孩子的DIV高度超過身體

回答

相關問題