为什么孩子的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高度超过身体

回答

相关问题