Min-Höhe - CSS-Tricks | CSS-Almanach 2025

Die min-heightEigenschaft in CSS wird verwendet, um die Mindesthöhe eines angegebenen Elements festzulegen. Die min-heightEigenschaft überschreibt immer sowohl heightals auch max-height. Autoren können jeden der Längenwerte verwenden, solange sie ein positiver Wert sind.

.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; )

Wenn einer der Werte größer ist ( height> min-heightoder umgekehrt), wird der größte Wert gerendert. Die min-heightEigenschaft wird auf alle Elemente außer nicht-ersetzte Inline - Elemente, Tabellenspalten und Spaltengruppen (dh gelten colgroup, col).