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
Libérer: 2024-11-04 05:45:29
original
988 Les gens l'ont consulté

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal