Min. højde - CSS-tricks

Anonim

Den min-heightejendom i CSS bruges til at indstille den mindste højde af en bestemt element. Den min-heightejendom tilsidesætter både altid heightog max-height. Forfattere kan bruge en hvilken som helst af længdeværdierne, så længe de er en positiv værdi.

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

Hvis en af ​​værdierne er større ( height> min-heighteller omvendt), er den værdi, der er størst, den, der gengives. Den min-heightegenskab vil gælde for alle elementer undtagen ikke-erstattet inline elementer, tabel kolonner og kolonnegrupper (dvs. colgroup, col).

Browsersupport

IE Edge Firefox Chrome Safari Opera
Alle Alle Alle Alle Alle Alle
Android Chrome Android Firefox Android-browser iOS Safari Opera Mobile
Alle Alle Alle Alle 59+
Kilde: caniuse

Relaterede egenskaber

Almanak den 15. januar 2021

højde

.element ( height: 500px; ) Sara Cope