Maks. højde - CSS-tricks | CSS Almanak 2025

Den max-heightejendom i CSS bruges til at indstille den maksimale højde af en bestemt element. Forfattere kan bruge en hvilken som helst af længdeværdierne, så længe de er en positiv værdi. max-heighttilsidesætter højde, men min-heighttilsidesætter altid 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; )

Tjek denne pen!

Procentdelen beregnes i forhold til højden af den indeholdende blok. Hvis højden på den indeholdende blok ikke er angivet eksplicit, behandles den procentvise værdi som ingen. Den max-heightegenskab vil gælde for alle elementer undtagen ikke-erstattet inline elementer, tabel kolonner og kolonnegrupper (dvs. colgroup, col).