Max-height - Astuces CSS | CSS Almanach 2025

La max-heightpropriété en CSS est utilisée pour définir la hauteur maximale d'un élément spécifié. Les auteurs peuvent utiliser n'importe laquelle des valeurs de longueur à condition qu'elles soient positives. max-heightremplace la hauteur, mais min-heightremplace toujours max-height.

.wrapper ( height: 100%; /* full height of the content box */ max-height: 20em; /* requires an absolute value for height. */ ) .wrapper ( height: 50px; max-height: 20px; /* Will be AT MOST 20px tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )

Découvrez ce stylo!

Le pourcentage est calculé par rapport à la hauteur du bloc conteneur. Si la hauteur du bloc conteneur n'est pas spécifiée explicitement, la valeur de pourcentage est traitée comme aucune. La max-heightpropriété s'appliquera à tous les éléments, à l'exception des éléments en ligne non remplacés, des colonnes de table et des groupes de colonnes (c'est colgroup-à- dire col).