Maximálna výška - Triky CSS

max-heightNehnuteľnosť v CSS slúžia na nastavenie výšky maximálnej špecifikovanej prvku. Autori môžu použiť ktorúkoľvek z hodnôt dĺžky, pokiaľ sú kladné. max-heightprepíše výšku, ale min-heightvždy prepíše 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; )

Vyskúšajte toto pero!

Percento sa počíta s ohľadom na výšku obsahujúceho bloku. Ak nie je výslovne uvedená výška obsahujúceho bloku, s percentuálnou hodnotou sa zaobchádza ako so žiadnou. max-heightVlastnosť sa bude vzťahovať na všetky prvky, okrem non-nahradil inline prvkov, stĺpcov tabuľky a skupín stĺpcov (tj colgroup, col).