Як видалити стиль висоти з 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').height('');

можливо щось на зразок

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

Щоб скинути висоту 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 пікс. Бутстрап продовжував вставляти height: auto.

Інспектор елементів / Devtools покаже висоту в:

element.style {

}

У моєму випадку я бачив: section#contact.contact-container | 303 x 743у вікні браузера.

Отже, наступні повнометражні роботи з усунення проблеми:

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

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