Hauteur min - Astuces CSS | CSS Almanach 2025

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

.wrapper ( height: 100%; /* full height of the content box */ min-height: 20em; /* Will be AT LEAST 20em tall */ ) .wrapper ( height: 600px; min-height: 400px; /* Will be AT LEAST 20em tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )

Si l'une ou l'autre des valeurs est supérieure ( height> min-heightou vice-versa), la valeur la plus élevée sera celle rendue. La min-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).