ฉันจะลบสไตล์ความสูงออกจาก 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';
});

ฉันต้องการจัดกึ่งกลางเนื้อหาในแนวตั้งถ้ามันเล็กกว่าความสูงของหน้าต่างหรือมิฉะนั้นก็ปล่อยให้มันเลื่อนตามธรรมชาตินี่คือสิ่งที่ฉันคิดขึ้นมา

ขอบคุณที่แสดงตัวอย่างทั้งหมด ฉันยังคงประสบปัญหากับหน้าติดต่อของฉันบนหน้าจอสื่อขนาดเล็กเช่นต่ำกว่า 480px หลังจากลองใช้ตัวอย่างของคุณ Bootstrap ยังคงแทรกheight: autoเก็บไว้ใส่

Element Inspector / Devtools จะแสดงความสูงใน:

element.style {

}

ในกรณีของฉันฉันเห็น: section#contact.contact-container | 303 x 743ในหน้าต่างเบราว์เซอร์

ดังนั้นการทำงานเต็มความยาวต่อไปนี้จะช่วยขจัดปัญหา:

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

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