如何使用jQuery for div将auto设置为min-height？

Question

我有以下div元素，在页面加载时接收min-height。

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

但我在同一页面上有一个选择框和onChange事件我在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中加载的新内容的高度。

有人可以帮帮我吗？

Answer 1

在你的功能中你可以简单地将min-height设置为空，如下所示：

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

Answer 2

您可以使用.scrollHeight获取div内容的高度。使用相同的方法设置高度/最小高度。试试这个：

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

Answer 3

min-height：length | initial | inherit;

没有＆＃34; auto＆＃34;此属性的值

see min-height property description

Answer 4

min-height：length | initial | inherit;

auto不是min-height的值。

CHECK HERE