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

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

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

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

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

Ответ 1

чтобы удалить высоту:

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

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

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

(отмечено с помощью jQuery 1.4)

Ответ 2

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

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

Ответ 3

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

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

Ответ 4

вы можете попробовать следующее:

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

Ответ 5

Чтобы reset высота div, просто попробуйте

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

Ответ 6

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

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

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

Ответ 7

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

Элемент Inspector/Devtools покажет высоту в:

element.style {

}

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

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

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

Ответ 8

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

Ответ 9

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