wake-up-neo.net

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

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 rückgängig machen? Ich möchte den Höhenstil entfernen und ihn auf seine automatische/natürliche Höhe bringen.

jqueryhtmlcsslayout
84
Zack Peterson

um die Höhe zu entfernen:

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

wie John darauf hingewiesen hat, stellen Sie die Höhe auf auto:

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

(überprüft mit jQuery 1.4)

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

Ich benutze das gerne, weil es symmetrisch ist mit der expliziten Verwendung von .height (val), um es überhaupt festzulegen, und funktioniert mit allen Browsern.

22
nonrectangular

vielleicht so etwas

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

sie können dies versuchen:

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

Versuchen Sie es einfach, um die Höhe des Div zurückzusetzen

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

14
SvenFinke
$('div#someDiv').css('height', '');
3
Rana Nematollahi

Vielen Dank, dass Sie all diese Beispiele gezeigt haben. Ich hatte noch Probleme mit meiner Kontaktseite auf kleinen Medienbildschirmen wie unter 480px, nachdem ich Ihre Beispiele ausprobiert hatte. Bootstrap fügte weiterhin height: auto Ein.

Element Inspector/Devtools zeigt die Höhe in:

element.style {

}

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

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

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

0
Thomas Cayne

um die Antworten hier hinzuzufügen, habe ich die Höhe als Funktion verwendet. Zwei Optionen geben die Höhe an, wenn sie geringer als die Fensterhöhe ist, oder setzen Sie sie 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 auf natürliche Weise scrollen lassen

0
John Ruddell