Que faire si css height:auto ne fonctionne pas

La solution à CSS height:auto ne fonctionne pas : 1. Utilisez Chrome pour rechercher l'attribut CSS parent de l'attribut remplacé et supprimez-le 2. Ajoutez "zoom:1;overflow:hidden;" à l'élément parent ; ; " la déclaration suffit.

L'environnement d'exploitation de ce tutoriel : système Windows7, version Chrome76.0&&CSS3, ordinateur Dell G3.

Recommandations associées : "Tutoriel vidéo CSS"

Que faire si css height:auto ne fonctionne pas ?

Peut-être parce que l'élément parent est dans un état flottant, le flottant sera séparé du flux de documents et les deux calques internes ne seront pas limités au calque parent, donc le calque parent ne connaît pas l'élément interne hauteur, mais le nettoyage des flotteurs peut les retirer.

Deux solutions :

① Utilisez Chrome pour rechercher l'attribut CSS parent de l'attribut remplacé et supprimez-le.

②L'élément parent plus zoom:1;overflow:hidden;

zoom:1 déclenchera la mise en page de ie (ie8 ou inférieur), juste assez pour nettoyer le float overflow:hidden ; ; affectera les autres. Cela fonctionne pour les navigateurs (en fait, cela fonctionnera également pour ie7).

Lorsque le DIV parent a une hauteur fixe, il déclenchera la disposition haslayout de ie (ie8 ou inférieur) comme zoom:1;, mais pas la valeur automatique.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!