相对定位的父div不伸展到绝对子div高度

我一直在使用googling，似乎无法使其工作：

我有一个父亲DIV的相对定位和一个双列子DIV设置里面，都定位绝对。 我需要父DIV的高度来适应内部DIV的内容。

我曾尝试在#content的结束标记之前放置一个.clearfix类型位，但我没有任何浮动内容。 我也尝试向#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 -->

---

部队的黑暗面是通往许多被认为不自然的能力的途径。

$(document).ready(function() 
{
     var objHeight = 0;
     $.each($('#content').children(), function(){
            objHeight += $(this).height();
     });
     $('#content').height(objHeight);
});​

---

清理工作但结果奇怪。 然后我发现了一篇文章，让它在所有浏览器中都更加轻松和完美。

设置您的孩子div浮动：左/右。 然后在父级上放置“overflow：hidden”。 因为你没有指定高度，所以它会完美地包装到子元素。 我现在还没有使用清理多年。

---

你的列div不会影响他们包含div，而他们有绝对位置，因为他们从正常页面流中移除。

相反，尝试漂浮他们，然后有明确的div：两者; 在他们之后。

链接地址: http://www.djcxy.com/p/88459.html

上一篇: relative positioned parent div not stretching to absolute child div height

下一篇: position: absolute;