jquery - 将绝对定位的 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

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

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

在 jQuery 中：

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