Maison >interface Web >tutoriel CSS >Pourquoi « hauteur : 100 % ; » ne fonctionne-t-il pas sur mon élément d'étiquette ?

Pourquoi « hauteur : 100 % ; » ne fonctionne-t-il pas sur mon élément d'étiquette ?

Susan Sarandon
Susan Sarandonoriginal
2024-11-04 05:45:29990parcourir

Why isn't `height: 100%;` working on my label element?

Hauteur : 100 % ne se règle pas correctement sur l'élément d'étiquette

Vous avez rencontré un problème où le réglage de la hauteur : 100 % ; sur votre élément label ne semble pas prendre effet. Pour comprendre pourquoi, nous devons examiner le contexte de ce paramètre.

Lorsque vous définissez la hauteur sur 100 %, cela fait référence à la hauteur du conteneur parent de l'élément. Dans votre cas, le parent est l'élément .field. Cependant, si .field n'a pas de hauteur définie, le navigateur n'aura pas de point de référence pour 100 %.

Pour résoudre ce problème, assurez-vous que l'élément parent (.field) a une hauteur définie. En définissant une hauteur spécifique pour .field, vous fournissez un contexte pour la hauteur de l'élément label : 100 % ; réglage pour calculer de manière appropriée.

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