2

在我的 html 中，我有类似的东西

<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（包装它的&body&html）高度不是整个页面高度（只有页面高度的2/3左右），并且#main中包含的一些div实际上超过了main的高度

我通过将 height:100% 更改为 min-height:100% 解决了这个问题，但不明白为什么元素会超过其父 div 的高度，我 100% 确定所有子 div 的高度都以 px 声明，会' t #main 自动包装它们？

4

1 回答 1

2

而不是使用height:100%for #main，使用overflow:hidden;属性

于 2013-01-10T16:30:25.960 回答