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

Question

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

Mais je passe outre et je fixe explicitement une hauteur avec jQuery :

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

Comment puis-je inverser cela ? Je veux supprimer le style de hauteur et faire en sorte qu'il reprenne sa hauteur automatique/naturelle ?

Answer 1

pour supprimer la hauteur :

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

comme John l'a souligné, définissez la hauteur à auto :

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

(vérifié avec jQuery 1.4)

Answer 2

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

J'aime utiliser cette méthode, car elle est symétrique à la façon dont vous avez explicitement utilisé .height(val) pour la définir en premier lieu, et elle fonctionne dans tous les navigateurs.

Answer 3

vous pouvez essayer ceci :

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

Answer 4

peut-être quelque chose comme

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

Answer 5

Pour réinitialiser la hauteur du div, il suffit d'essayer

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