为什么我的容器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进行计算和设置。

通常，您不应将绝对定位用于布局。你应该使用FLOATS。

Answer 2

之所以没有，是因为你将它设置为position:absolute;删除绝对位置以解决问题。

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