Jquery计算div的最小所需高度值

Question

目前我正在设置绝对高度值。但有时由于动态页面，我必须设置比要求高很多。是否有可能获得最低所需的div高度？我的意思是高度值，它将显示所有元素，如高度自动，但不会留下空白空间。 我无法设置高度自动，因为它会造成太多混乱。我尝试过但失败了。

因此jquery会读取div并计算显示所有元素所需的最小高度值。这可能吗？

谢谢。

Answer 1

正如克莱夫所说，通常没有理由这样做。但是，如果你需要获得所有内部元素的高度，你可以使用这样的东西：

var height = 0;
$.each($("your_div").children(), function(i,v) {
    height += $(v).outerHeight(true);
});
console.log(height);

函数outerHeight（true）计算元素的高度，包括边框和边距。有关详细信息，请参阅http://api.jquery.com/outerHeight/。

Answer 2

您也可以将元素包装在另一个div中。

<div class="toResize">
    <div>
        <element1 />
        <element2 />
    </div>
</div>

然后，只调整最外层的div（.toResize）。如果您需要最小高度，可以通过

获得

var minHeight = $(".toResize").children("div").height();

我希望有所帮助。