Comment supprimer le style de hauteur d'un DIV à l'aide de jQuery?

Par défaut, la hauteur d'un DIV est déterminée par son contenu.

Mais, je remplace cela et définit explicitement une hauteur avec jQuery:

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

Comment puis-je inverser cela? Je veux supprimer le style de hauteur et le faire revenir à sa hauteur automatique / naturelle?

pour supprimer la hauteur:

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

comme John l'a souligné, réglez la hauteur sur auto:

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

(vérifié avec jQuery 1.4)

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

J'aime l'utiliser, car il est symétrique de la façon dont vous avez explicitement utilisé .height (val) pour le définir en premier lieu, et fonctionne sur tous les navigateurs.

peut-être quelque chose comme

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

vous pouvez essayer ceci:

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

Pour réinitialiser la hauteur du div, essayez simplement

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

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

juste pour ajouter aux réponses ici, j'utilisais la hauteur comme fonction avec deux options, soit spécifier la hauteur si elle est inférieure à la hauteur de la fenêtre, soit la remettre sur auto

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

J'avais besoin de centrer le contenu verticalement s'il était plus petit que la hauteur de la fenêtre ou bien de le laisser défiler naturellement, c'est ce que j'ai proposé

Merci les gars d'avoir montré tous ces exemples. J'avais toujours des problèmes avec ma page de contact sur de petits écrans multimédias comme ci-dessous 480px après avoir essayé vos exemples. Bootstrap a continué à s'insérer height: auto.

Inspecteur d'élément / Devtools affichera la hauteur en:

element.style {

}

Dans mon cas, je voyais: section#contact.contact-container | 303 x 743dans la fenêtre du navigateur.

Ainsi, les travaux complets suivants pour éliminer le problème:

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

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