Javascript 位置相对内容计算高度_Javascript_Jquery_Html_Css

Javascript 位置相对内容计算高度

javascript jquery html css

Javascript 位置相对内容计算高度,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个相对位置的容器，它有很多绝对位置div。我想为我的相对容器计算绝对div的高度。如何使用css或jquery实现这一点？我看不到集装箱的红色背景 <!DOCTYPE html> <html> <body> <div id="container" style="position:relative;overflow:hidden;width:300px;background-color:red;"> <div style="po

我有一个相对位置的容器，它有很多绝对位置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>


乱数假文
乱数假文

如果div都是水平放置的（彼此相邻），并且没有左边或右边距（通过查看代码，我认为条件是匹配的），则可以执行以下操作：

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

我没有得到您想要的！请清除@amin jafari的可能副本，#容器不会根据其子分区调整大小。因为子分区是绝对的。我想通过它的内容来增加容器的高度。

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