Làm cách nào để xóa kiểu chiều cao khỏi DIV bằng jQuery?

Theo mặc định, chiều cao của DIV được xác định bởi nội dung của nó.

Nhưng, tôi ghi đè điều đó và đặt chiều cao rõ ràng bằng jQuery:

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

Làm thế nào tôi có thể đảo ngược điều đó? Tôi muốn xóa kiểu chiều cao và để làm cho kiểu đó trở về chiều cao tự động / tự nhiên?

để xóa chiều cao:

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

như John đã chỉ ra, hãy đặt chiều cao thành auto:

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

(đã kiểm tra bằng jQuery 1.4)

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

Tôi thích sử dụng cái này, vì nó đối xứng với cách bạn đã sử dụng rõ ràng .height (val) để đặt nó ở vị trí đầu tiên và hoạt động trên các trình duyệt.

có thể giống như

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

bạn có thể thử điều này:

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

Để đặt lại chiều cao của div, chỉ cần thử

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

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

chỉ để thêm vào các câu trả lời ở đây, tôi đã sử dụng chiều cao như một hàm với hai tùy chọn hoặc chỉ định chiều cao nếu nó nhỏ hơn chiều cao cửa sổ hoặc đặt nó trở lại tự động

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

Tôi cần căn giữa nội dung theo chiều dọc nếu nó nhỏ hơn chiều cao cửa sổ hoặc nếu không hãy để nội dung cuộn tự nhiên, vì vậy đây là những gì tôi nghĩ ra

Cảm ơn những người đã cho thấy tất cả những ví dụ. Tôi vẫn gặp sự cố với trang liên hệ của mình trên các màn hình phương tiện nhỏ như dưới 480px sau khi thử các ví dụ của bạn. Bootstrap tiếp tục chèn height: auto.

Phần tử kiểm tra / Devtools sẽ hiển thị chiều cao trong:

element.style {

}

Trong trường hợp của tôi, tôi đã thấy: section#contact.contact-container | 303 x 743trong cửa sổ trình duyệt.

Vì vậy, toàn bộ thời lượng sau hoạt động để loại bỏ vấn đề:

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

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