jQueryを使用してDIVから高さスタイルを削除するにはどうすればよいですか？

デフォルトでは、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').css("height", "auto");

あなたはこれを試すことができます：

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

divの高さをリセットするには、

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

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

ここでの答えに追加するために、私は2つのオプションを使用して高さを関数として使用していました。ウィンドウの高さよりも低い場合は高さを指定するか、自動に戻します。

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

コンテンツがウィンドウの高さよりも小さい場合は、コンテンツを垂直方向の中央に配置する必要がありました。そうでない場合は、コンテンツを自然にスクロールさせる必要がありました。これが私が思いついたものです。

それらすべての例を示してくれてありがとう。あなたの例を試した後、私はまだ480px以下のような小さなメディア画面の私の連絡先ページで問題を抱えていました。ブートストラップは挿入を続けましたheight: auto。

Element Inspector / Devtoolsは、高さを次のように表示します。

element.style {

}

私の場合section#contact.contact-container | 303 x 743、ブラウザウィンドウに次のように表示されていました。

したがって、次のフルレングスは問題を解消するために機能します。

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

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