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

Question

По умолчанию высота DIV определяется его содержимым.

Но я переопределяю это и явно устанавливаю высоту с помощью jQuery:

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

Как я могу изменить это? Я хочу удалить стиль высоты и вернуть его к автоматической / естественной высоте?

Answer 1

для удаления высоты:

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

, как указал Джон, установите высоту auto:

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

(проверено с помощью jQuery 1.4)

Answer 2

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

Мне нравится использовать это, потому что оно симметрично тому, как вы явно использовали .height (val), чтобы установить его в первую очередь, и работает во всех браузерах.

Answer 3

может быть что-то вроде

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

Answer 4

Вы можете попробовать это:

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

Answer 5

Чтобы сбросить высоту div, просто попробуйте

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

Answer 6

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

Answer 7

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

Инспектор элементов / Devtools покажет высоту в:

element.style {

}

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

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

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

Answer 8

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

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

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

Answer 9

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