Maks-høyde - CSS-triks | CSS-almanakk 2025

Den max-heightegenskap i CSS brukes til å stille inn den maksimale høyde av en spesifisert element. Forfattere kan bruke hvilken som helst av lengdeverdiene så lenge de er en positiv verdi. max-heightoverstyrer høyden, men min-heightoverstyrer 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; )

Sjekk ut denne pennen!

Prosentandelen beregnes med hensyn til høyden på den inneholder blokken. Hvis høyden på den inneholder blokken ikke er spesifisert spesifisert, behandles prosentverdien som ingen. Den max-heightegenskap vil gjelde for alle elementer, bortsett fra ikke-erstattet inline-elementer, bord kolonner og kolonnegrupper (dvs. colgroup, col).