Maximale Höhe - CSS-Tricks | CSS-Almanach 2025

Die max-heightEigenschaft in CSS wird verwendet, um die maximale Höhe eines angegebenen Elements festzulegen. Autoren können jeden der Längenwerte verwenden, solange sie ein positiver Wert sind. max-heightüberschreibt die Höhe, min-heightüberschreibt aber immer 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; )

Schauen Sie sich diesen Stift an!

Der Prozentsatz wird in Bezug auf die Höhe des enthaltenen Blocks berechnet. Wenn die Höhe des enthaltenden Blocks nicht explizit angegeben wird, wird der Prozentwert als keiner behandelt. Die max-heightEigenschaft wird auf alle Elemente außer nicht-ersetzte Inline - Elemente, Tabellenspalten und Spaltengruppen (dh gelten colgroup, col).