jquery - 絶対位置の div の高さをそのコンテンツの高さに設定する

Question

わかりました、この質問はおそらくここで以前に尋ねられたように感じますが、Googleで1時間検索した後、これに対する解決策が見つかりません.

次のようなスタイルの div があります。

position: absolute;
height: 100px;

そして、この div のコンテンツが変更された場合、この div の高さをこの div のコンテンツの高さに設定したいと考えています。jQueryを使用しています。

これはどのように行うことができますか？

Answer 1

以下を使用できます。

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')