css - 为什么我的容器 div 没有里面的 div 大

Question

我有一个 CSS 问题。

 <div id="middle">
        <div id="middle-left">
            <div id="middle-left-top">
                MLT
            </div>
            <div id="middle-left-bottom">
                MLB
            </div>
            <br class="clearFix">
        </div>
        <div id="middle-right">
                MLR
        </div>
        <br class="clearFix">

</div><!-- #middle-->

该示例位于http://jsfiddle.net/Z2yeq/

我的问题是为什么中左不包含里面的两个 div？

我希望中左扩展为中左上和中左下变得更高

谢谢你的帮助

Answer 1

绝对定位的元素不再是布局的一部分。父项不知道子项有多大。

如果您希望父项与定位的子项一样大，则需要使用 JavaScript 计算和设置它。

一般来说，您不应该对布局使用绝对定位。你应该使用浮点数。

Answer 2

它没有的原因是因为您将其设置为position:absolute;Remove position absolute 来解决问题。

#middle-left{
    top: 0px;
    left: 0px;
    width: 800px;
}