Maison > interface Web > tutoriel CSS > Comment utiliser l'attribut min-height de CSS

Comment utiliser l'attribut min-height de CSS

silencement
Libérer: 2019-05-26 09:24:46
original
5203 Les gens l'ont consulté

Comment utiliser l'attribut min-height de CSS

Définition et utilisation de l'attribut min-height

En CSS, l'attribut min-height est utilisé pour définir la hauteur minimale de un élément , c'est-à-dire que l'élément peut être plus grand que la valeur spécifiée, mais ne peut pas être plus court que celle-ci. Lorsqu'il y a trop de contenu dans l'élément et que la hauteur minimale ne peut pas être respectée, la hauteur de l'élément augmentera à mesure que le contenu augmentera. Cette propriété ne permet pas de spécifier des valeurs négatives et la hauteur minimale définie n'inclut pas le remplissage, les bordures ou les marges.

L'attribut min-height est utilisé pour implémenter : l'élément doit avoir une certaine hauteur, mais ne veut pas être fixé. Lorsque le contenu de l'élément est inférieur à la hauteur minimale de l'élément, l'élément conserve la hauteur. hauteur minimale inchangée. Lorsque le contenu de l'élément est supérieur à la hauteur minimale de l'élément, la hauteur de l'élément augmentera à mesure que le contenu de l'élément augmente.

Attributs similaires de l'attribut Min-height

Attribut max-height : définissez la hauteur maximale de l'élément

Attribut max-width : définissez la hauteur maximale largeur de l'élément

attribut min-width : définir la largeur minimale de l'élément

format de syntaxe de l'attribut min-height

syntaxe css : min -height:length/%/inherit

Syntaxe JavaScript : object.style.minHeight="10px"

Description de la valeur de l'attribut

length : définit la hauteur minimale de l'élément, la valeur par défaut est 0

% : définit la hauteur minimale en fonction du pourcentage de l'objet au niveau du bloc qui le contient

hériter : hérite de la valeur de l'élément attribut min-height de l'élément parent

instance

Comment utiliser lattribut min-height de CSS

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!

Étiquettes associées:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal