我整个早上都在谷歌上搜索这个,但似乎无法让它发挥作用:
我有一个具有相对定位的父 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);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)