#max-height

Bestimmt die maximale Höhe des Elements.

default max-height: none;

Das Element hat keine Begrenzung in Bezug auf die Höhe.

max-height: 2000px;

Sie können numerische Werte wie Pixel, (r)em, Prozentwerte verwenden…

Wenn die maximale Höhe größer ist als die eigentliche Höhe des Elements, hat die maximale Höhe keine Wirkung.

max-height: 100px;

Wenn der Inhalt nicht in die maximale Höhe passt, wird er überlaufen. Wie der Container mit diesem überlaufenden Inhalt umgeht, wird durch die Eigenschaft overflow definiert.