Max-magasság - CSS-trükkök | CSS Almanach 2025

A max-heightCSS tulajdonság a megadott elem maximális magasságának beállítására szolgál. A szerzők bármely hosszúsági értéket használhatnak, amennyiben pozitív értékről van szó. max-heightfelülírja a magasságot, de min-heightmindig felülírja 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; )

Nézze meg ezt a tollat!

A százalékot a tartalmazó blokk magasságához viszonyítva kell kiszámítani. Ha a tartalmazó blokk magasságát nem határozzuk meg kifejezetten, akkor a százalékos értéket nullának tekintjük. Az max-heightingatlan vonatkozik valamennyi elem kivételével nem váltotta inline elemeket, asztal oszlopok és oszlop csoportok (azaz colgroup, col).