Wie entferne ich den Höhenstil mit jQuery aus einem DIV?

Standardmäßig wird die Höhe eines DIV durch seinen Inhalt bestimmt.

Aber ich überschreibe das und setze explizit eine Höhe mit jQuery:

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

Wie kann ich das umkehren? Ich möchte den Höhenstil entfernen und ihn auf seine automatische / natürliche Höhe zurücksetzen.

um die Höhe zu entfernen:

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

Stellen Sie, wie John betonte, die Höhe auf auto:

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

(überprüft mit jQuery 1.4)

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

Ich benutze dies gerne, weil es symmetrisch zu der Art und Weise ist, wie Sie .height (val) explizit verwendet haben, um es an erster Stelle festzulegen, und browserübergreifend funktioniert.

vielleicht so etwas wie

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

Sie können dies versuchen:

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

Um die Höhe des Div zurückzusetzen, versuchen Sie es einfach

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

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

Um die Antworten hier zu ergänzen, habe ich die Höhe als Funktion mit zwei Optionen verwendet. Geben Sie entweder die Höhe an, wenn sie kleiner als die Fensterhöhe ist, oder setzen Sie sie wieder auf Auto

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

Ich musste den Inhalt vertikal zentrieren, wenn er kleiner als die Fensterhöhe war, oder ihn natürlich scrollen lassen, damit ich mir das einfallen ließ

Vielen Dank, dass Sie all diese Beispiele gezeigt haben. Ich hatte immer noch Probleme mit meiner Kontaktseite auf kleinen Medienbildschirmen wie unter 480 Pixel, nachdem ich Ihre Beispiele ausprobiert hatte. Bootstrap wurde weiter eingefügt height: auto.

Element Inspector / Devtools zeigt die Höhe in:

element.style {

}

In meinem Fall sah ich: section#contact.contact-container | 303 x 743im Browserfenster.

Das folgende Programm in voller Länge behebt das Problem:

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

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