Min höjd - CSS-tricks | CSS Almanack 2025

Den min-heightegendom i CSS används för att ställa in minimihöjd av en viss del. Den min-heightegenskapen åsidosätter alltid både heightoch max-height. Författare kan använda vilket som helst av längdvärdena så länge de är ett positivt värde.

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

Om något av värdena är större ( height> min-heighteller vice versa) kommer det värde som är störst det som ges. Den min-heightegenskapen kommer att gälla för alla delar utom icke ersatt inline element, tabellkolumner och kolumngrupper (dvs colgroup, col).