如何使用jQuery从DIV中删除height样式?

删除高度:

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

就像约翰指出的,把高度设为 auto :

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

(使用jquery1.4进行检查)

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

我喜欢使用它,因为它与您首先显式使用.height(val)设置它的方式是对称的,并且可以跨浏览器工作。

你可以试试这个:

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

可能是这样的

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

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

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

为了补充这里的答案,我使用了高度作为一个函数,有两个选项,要么指定高度(如果它小于窗口高度),要么将其设置回自动

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

我需要垂直中心的内容,如果它是小于窗口高度或让它自然滚动,所以这是我想出的

仍然 在尝试了你的例子之后,我在480px以下的小型媒体屏幕上的联系页面出现了问题。引导程序一直在插入 height: auto .

元素检查器/Devtools将显示高度:

element.style {

}

section#contact.contact-container | 303 x 743 在浏览器窗口中。

因此,以下是消除这一问题的完整工作:

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

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