如何使用jQuery从DIV中删除高度样式？

默认情况下，DIV的高度由其内容确定。

但是，我重写了它，并使用jQuery显式设置了高度：

$('div#someDiv').height(someNumberOfPixels);

我该如何扭转呢？我要删除高度样式，并使其恢复为自动/自然高度吗？

去除高度：

$('div#someDiv').css('height', '');
$('div#someDiv').css('height', null);

就像约翰指出的那样，将高度设置为auto：

$('div#someDiv').css('height', 'auto');

（已使用jQuery 1.4进行了检查）

$('div#someDiv').height('auto');

我喜欢使用它，因为它与您首先使用.height（val）设置它的方式对称，并且可以跨浏览器使用。

也许像

$('div#someDiv').css("height", "auto");

您可以尝试以下方法：

$('div#someDiv').height('');

要重置div的高度，只需尝试

$("#someDiv").height('auto');

$('div#someDiv').css('height', '');

只是为了在此处添加答案，我使用了height作为具有两个选项的函数，或者指定了小于窗口高度的高度，或者将其设置回auto

var windowHeight = $(window).height();
$('div#someDiv').height(function(){
    if ($(this).height() < windowHeight)
        return windowHeight;
    return 'auto';
});

如果内容小于窗口高度，我需要将内容垂直居中放置，否则请使其自然滚动，这就是我想到的

谢谢大家展示所有这些示例。我仍然有想你的例子后，像下面480像素的小屏幕媒体与我联系页面的麻烦。引导程序不断插入height: auto。

Element Inspector / Devtools将在以下位置显示高度：

element.style {

}

就我而言，我section#contact.contact-container | 303 x 743在浏览器窗口中看到了：

因此，以下完整的作品可以消除该问题：

$('section#contact.contact-container').height('');

$('div#someDiv').removeAttr("height");