Maxhöjd - CSS-tricks | CSS Almanack 2025

Den max-heightegendom i CSS används för att ställa in maximal höjd på en viss del. Författare kan använda vilket som helst av längdvärdena så länge de är ett positivt värde. max-heightåsidosätter höjd, men min-heightåsidosätter alltid 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; )

Kolla in den här pennan!

Procentandelen beräknas med avseende på höjden på det innehållande blocket. Om höjden på det innehållande blocket inte anges specifikt, behandlas det procentuella värdet som inget. Den max-heightegenskapen kommer att gälla för alla delar utom icke ersatt inline element, tabellkolumner och kolumngrupper (dvs colgroup, col).