Javascript jQuery-监视元素高度的变化

我有一个元素，它是绝对定位的，有一个固定的高度

这个元素有很多子元素，这些子元素可能会改变它们的内容，从而改变它们的高度。 问题是容器元素不会自动展开以适合其子元素（因为它的高度和绝对位置是固定的）

---

如何调整主容器的大小以匹配其子容器的高度？

假设您可以更改css，这可以非常简单地在css中完成。只需设置

min height

即可，而不是设置

height

，元素应随之展开

---

如果您确实想/需要在jQuery中执行此操作，则可以选择以下操作：

html:

javascript:

var childHeight = 0
$('.child').each( function() {
    childHeight = childHeight + $(this).height();
})
$('#container').height(childHeight);

工作示例：

---

这没有任何意义吗？您正在使用jQuery！这不是纯javascriptYour的评论没有任何意义，他问如何在jQuery中这样做。它没有回答问题。问题是如何观察身高的变化，而不是如何计算一次身高。你可以随意投票——答案被接受了，所以我想这实际上就是他们想要的答案。不在IE上工作。。任何关于如何在IE-7上激活它的建议，都可以使用它

.child{
    height: 40px;
    background-color: red;
}
#container{
    height: 120px;
    background-color: gray;
    padding: 5px;
}

var childHeight = 0
$('.child').each( function() {
    childHeight = childHeight + $(this).height();
})
$('#container').height(childHeight);