Как удалить стиль высоты из DIV с помощью jQuery?

По умолчанию высота 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', '');

просто чтобы добавить к ответам здесь, я использовал высоту как функцию с двумя параметрами: либо укажите высоту, если она меньше, чем высота окна, либо установите ее обратно на авто

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

Мне нужно было центрировать контент по вертикали, если он был меньше, чем высота окна, или пусть он прокручивается естественно, так что это то, что я придумал

Спасибо, ребята, что показали все эти примеры. У меня все еще были проблемы с моей контактной страницей на небольших экранах мультимедиа, например, ниже 480 пикселей, после того, как попробовали ваши примеры. Bootstrap продолжал вставлять height: auto.

Element Inspector / Devtools покажет высоту в:

element.style {

}

В моем случае я видел: section#contact.contact-container | 303 x 743в окне браузера.

Итак, следующие полнометражные работы по устранению проблемы:

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

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