Max-hoogte - CSS-trucs | CSS Almanac 2025

De max-heighteigenschap in CSS wordt gebruikt om de maximale hoogte van een opgegeven element in te stellen. Auteurs mogen alle lengtewaarden gebruiken, zolang ze maar een positieve waarde zijn. max-heightoverschrijft hoogte, maar min-heightoverschrijft altijd 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; )

Kijk eens naar deze pen!

Het percentage wordt berekend ten opzichte van de hoogte van het bevattende blok. Als de hoogte van het bevattende blok niet expliciet is opgegeven, wordt de procentuele waarde als geen beschouwd. De max-heighteigenschap geldt voor alle elementen behalve niet-vervangen inline elementen, tabelkolommen, kolomgroepen (dwz colgroup, col).