Question

在我的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（＆amp; body＆amp; html包装它）的高度不是整页高度（只有页面高度的2/3左右），而#main中包含的一些div实际上超过了主要的高度

我通过改变高度来修复这个问题：100％到最小高度：100％但是无法理解为什么元素会超过它们的父div高度，我100％确定子div的所有高度都是用px声明的，不会#main自动换行吗？

Answer 1

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

为什么孩子的div高度超过身体

1 个答案: