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

Jquery 将绝对定位div的高度设置为其内容的高度,jquery,css,html,Jquery,Css,Html,好吧,我觉得这个问题以前可能有人问过,但在谷歌搜索了一个小时后,我就是找不到解决这个问题的方法 我有一个这样的div: position: absolute; height: 100px; 当这个div的内容发生变化时,我想将这个div的高度设置为这个div内容的高度。我正在使用jQuery 如何做到这一点?请尝试以下方法: min-height: 100px; 而不是: height: 100px; 请尝试以下操作: min-height: 100px; 而不是: height: 10

好吧,我觉得这个问题以前可能有人问过,但在谷歌搜索了一个小时后,我就是找不到解决这个问题的方法

我有一个这样的div:

position: absolute;
height: 100px;
当这个div的内容发生变化时,我想将这个div的高度设置为这个div内容的高度。我正在使用jQuery

如何做到这一点?

请尝试以下方法:

min-height: 100px;
而不是:

height: 100px;
请尝试以下操作:

min-height: 100px;
而不是:

height: 100px;
您可以使用:

min-height: 100px;
参考:

如果出于任何原因您不能使用它,或者您想做其他事情,您可以使用HTML元素的
scrollHeight
属性获取元素内容的高度,而不管实际元素的高度如何:

在jQuery中:

$(...).prop('scrollHeight')
您可以使用:

min-height: 100px;
参考:

如果出于任何原因您不能使用它,或者您想做其他事情,您可以使用HTML元素的
scrollHeight
属性获取元素内容的高度,而不管实际元素的高度如何:

在jQuery中:

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

为什么不将其设置为相对并使高度自动?它需要是
position:absolute
,因为这就是我定位div的方式,您不需要设置高度,如果你把它放在外面,它将是动态的,基于内容。为什么不将它设置为相对并使高度自动?它需要是
position:absolute
,因为这就是我定位div的方式,你不需要设置高度,如果您不使用它,它将根据内容动态变化,或者您可以完全不使用
min height
height
。我没有看到OP要求最小高度的地方。我从他的帖子中了解到,他最初希望将DIV设置为100px的高度,当内容发生变化时,让它调整高度以适应内容。用最小的身高他就能做到。但是,我认为它不适用于内容高度低于100px的情况。在这种情况下,DIV将保持在100px的最小高度。这就是我的观点,如果内容增长或收缩,它应该是动态的,因此没有理由限制它的高度。或者您可以完全忽略
min height
height
。我没有看到OP要求最小高度的地方。我从他的帖子中了解到,他最初希望将DIV设置为100px的高度,当内容发生变化时,让它调整高度以适应内容。用最小的身高他就能做到。但是,我认为它不适用于内容高度低于100px的情况。在这种情况下,DIV将保持在100px的最小高度。这就是我的观点,如果内容增长或收缩,它应该是动态的,因此没有理由限制它的高度。