小编use*_*093的帖子

我整个上午一直在谷歌上搜索它似乎无法让它工作:

我有一个具有相对定位的父DIV和一个内部的两列子DIV设置,两者都定位为Absolute.我需要父DIV的高度来扩展内部DIV的内容.

我试过在#content的结束标记之前放一个.clearfix类型的位,但我没有浮动任何东西.我也尝试将一个float属性添加到#content div中无济于事.任何人都可以指出我在这里正确的方向.很明显,我错过了嵌套显示如何相互影响的东西.

CSS:

#content {
    width: 780px;
    padding: 10px;
    position: relative;
    background: #8b847d;
}

#leftcol {
    width: 500px;
    position: absolute;
}

#rightcol {
    width: 270px;
    position: absolute;
    left: 500px;
    margin-left: 10px;
    text-align: center;
}

HTML:

<div id="content">
    <div id="leftcol">
        <p>Lorem Ipsum</p>
    </div><!-- /leftcol -->
    <div id="rightcol">
        <img src="images/thumb1.jpg">
        <img src="images/thumb2.jpg">
    </div><!-- /rightcol -->
    <br style="clear:both;">
</div><!-- /content -->