Question

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

Answer 1

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

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

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

位置相对内容计算高度

1 个答案: