JQuery kullanarak bir DIV'den yükseklik stilini nasıl kaldırırım?

Varsayılan olarak, bir DIV'nin yüksekliği içeriğine göre belirlenir.

Ancak, bunu geçersiz kılıyorum ve jQuery ile açıkça bir yükseklik ayarlıyorum:

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

Bunu nasıl tersine çevirebilirim? Yükseklik stilini kaldırıp otomatik / doğal yüksekliğine geri döndürmek istiyorum?

yüksekliği kaldırmak için:

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

John'un işaret ettiği gibi, yüksekliği şu şekilde ayarlayın auto:

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

(jQuery 1.4 ile kontrol edildi)

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

Bunu kullanmayı seviyorum, çünkü .height'ı (val) ilk etapta nasıl kullandığınıza göre simetriktir ve tarayıcılarda çalışır.

bunu deneyebilirsin:

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

belki bir şey

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

Div'in yüksekliğini sıfırlamak için şunu deneyin:

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

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

Sadece buradaki cevaplara eklemek için, yüksekliği iki seçenekli bir fonksiyon olarak kullanıyordum ya pencere yüksekliğinden azsa yüksekliği belirtin ya da otomatik olarak ayarlayın.

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

Pencere yüksekliğinden daha küçükse içeriği dikey olarak ortalamam gerekiyordu ya da doğal olarak kaydırmasına izin verdim, bu yüzden buldum

Tüm bu örnekleri gösterdiğiniz için teşekkür ederiz. Ben edildi hala senin örneklerini denedikten sonra 480px aşağıda gibi küçük medya ekranlarında benim iletişim sayfası ile karşılaşıyorum. Bootstrap takmaya devam etti height: auto.

Element Inspector / Devtools yüksekliği şu şekilde gösterecektir:

element.style {

}

Benim durumumda şunu görüyordum: section#contact.contact-container | 303 x 743tarayıcı penceresinde.

Bu nedenle, aşağıdaki tam uzunlukta çalışma sorunu ortadan kaldırmak için çalışır:

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

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