位置相对内容计算高度答案

【问题标题】：position relative content calculate height位置相对内容计算高度
【发布时间】：2014-06-19 17:54:09
【问题描述】：

我有一个位置相对容器，它有很多绝对位置 div。我想为我的相对容器计算绝对 div 的高度。我怎么能用 css 或 jquery 做到这一点？我看不到容器的红色背景...

<!DOCTYPE html>
<html>
<body>
<div id="container" style="position:relative;overflow:hidden;width:300px;background-color:red;">
    <div style="position:absolute;top:0px;left:0px;width:100px;">
        Lorem ipsum
    </div>  
    <div style="position:absolute;top:0px;width:100px;left:100px;">
        Lorem Ipsum
    </div>

</div>
</body>
</html>

【问题讨论】：

我没有得到你想要的！请清除
CSS - relative positioned parent div not stretching to absolute child div height 的可能重复项
@amin jafari，#container 不会通过它的子 div 调整大小。因为子 div 是绝对的。我想通过它的内容来增加容器的高度。

标签： javascript jquery html css

【解决方案1】：

如果 div 都水平放置（彼此相邻）并且宽度没有左边距或右边距（通过查看您的代码，我认为条件匹配）那么您可以这样做：http://jsfiddle.net/U6RXB/1/

var width=0;
$('#container').children('div').each(function(){
    width=width+$(this).width();
});
$('#container').width(width);

如果我提到的任何条件与您的代码不匹配，请注意我，我会再次修复它。

【讨论】：