Comment supprimer le style de hauteur d’une 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 enlever le style de hauteur et le faire revenir à sa hauteur automatique / naturelle?

enlever la hauteur:

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

comme John l’a souligné, définissez la hauteur sur auto :

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

(vérifié avec jQuery 1.4)

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

J’aime utiliser ceci, car il est symésortingque de la manière dont vous avez explicitement utilisé .height (val) pour le définir et fonctionne sur tous les navigateurs.

peut-être quelque chose comme

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

Pour réinitialiser la hauteur du div, essayez simplement

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

vous pouvez essayer ceci:

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

$ (‘div # someDiv’). css (‘height’, ”);

juste pour append aux réponses ici, j’utilisais la hauteur comme une fonction avec deux options soit spécifier la hauteur si elle est inférieure à la hauteur de la fenêtre, soit la remettre en 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 de le laisser défiler naturellement, c'est ce que j'ai imaginé

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

Element Inspector / Devtools affichera la hauteur en:

 element.style { } 

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

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

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

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