Maison  >  Article  >  interface Web  >  Que faire si css height:auto ne fonctionne pas

Que faire si css height:auto ne fonctionne pas

藏色散人
藏色散人original
2021-01-05 10:11:413312parcourir

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.

Que faire si css height:auto ne fonctionne pas

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn