将绝对定位的div的高度设置为其内容的高度

Question

好的，我觉得这个问题可能在此之前已被问过，但经过一个小时的搜索后谷歌我找不到解决方法。

我有一个像这样的div：

position: absolute;
height: 100px;

当这个div的内容改变时，我想把这个div的高度设置为这个div的内容的高度。我正在使用jQuery。

如何做到这一点？

Answer 1

尝试以下方法：

min-height: 100px;

而不是：

height: 100px;

Answer 2

您可以使用：

min-height: 100px;

参考：https://developer.mozilla.org/en-US/docs/Web/CSS/min-height

如果由于某种原因您不能使用它，或者您想要做其他事情，您可以使用scrollHeight获取元素内容的高度，无论实际元素的高度如何HTML元素的属性：

https://developer.mozilla.org/en-US/docs/Web/API/element.scrollHeight

在jQuery中：

$(...).prop('scrollHeight')