Maison > Article > interface Web > Quand utiliser « hauteur : 100 % » ou « min-hauteur : 100 % » en CSS ?
height:100% vs. min-height:100%
Lorsque vous essayez de contrôler la hauteur d'un élément HTML, CSS propose deux propriétés significatives : hauteur et hauteur minimale. Ces propriétés jouent des rôles distincts dans la détermination de la taille d'un élément.
hauteur : 100 %
Le réglage de la hauteur sur 100 % indique qu'un élément doit s'étendre pour occuper toute la hauteur de son conteneur parent. Cela signifie que la hauteur de l'élément s'ajustera dynamiquement en fonction de la taille de son parent.
min-height:100%
D'autre part, min-height spécifie un hauteur minimale d'un élément. Si la hauteur calculée de l'élément, en tenant compte d'autres facteurs tels que le contenu et les marges, est inférieure à 100 %, min-height impose une hauteur de 100 %. Cependant, si la hauteur calculée dépasse 100 %, la hauteur minimale n'a aucun effet.
Différence clé
La principale différence entre la hauteur : 100 % et la hauteur minimale : 100 % réside dans leur comportement lorsque la hauteur calculée d'un élément est inférieure à 100 %. Height:100% permet à l'élément de rétrécir en dessous de 100%, tandis que min-height:100% empêche ce retrait en imposant une hauteur minimale de 100%.
Exemple
Si vous avez un
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!