divにjQueryを使用してautoをmin-heightに設定する方法は？ - jquery、css

以下のdiv要素を受け取る min-height ページロード時。

<div id="main_div" style="min-height: 2000px">
</div>

しかし、私は同じページとそれのonChangeイベントに1つの選択ボックスがあります main_div div要素

今問題は min-height 常にに設定 2000px 何を設定すればよいのか、事前に知りません min-height: ? いつ $.ajax 電話は終了しますか？

私は以下のようにやっています success()

$.ajax({
type: "POST",
url: "/path/to/url/",
data: {param: param},
cache: false,
success: function(htmlData) {
$("#main_div").html(htmlData);
$("#main_div").css("min-height", "auto");
}
});

しかし、それは「動作していません。Divにロードされたばかりの新しいコンテンツの高さを知りません。

誰か助けてくれますか？

回答：

回答№1の場合は3

あなたの関数では、このようにmin-heightを単にemptyに設定することができます。

$("#main_div").css("min-height", "");

---

回答№2の場合は1

あなたは使うことができます .scrollHeight divコンテンツの高さを取得します。高さ/最小高さを設定するのに同じを使用してください。

$("#main_div").css("min-height", $("#main_div")[0].scrollHeight);

---

回答№3の場合は1

min-height：length | initial | inherit;

このプロパティには "auto"値はありません

min-heightプロパティの説明を参照

---

回答№4の場合は0

min-height：length | initial | inherit;

autoはmin-heightの値ではありません。

ここをチェック

---