Maximální výška - Triky CSS

max-heightNemovitost v CSS slouží k nastavení výšky maximální specifikované prvku. Autoři mohou použít kteroukoli z hodnot délky, pokud jsou kladnou hodnotou. max-heightpřepíše výšku, ale min-heightvždy přepíš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; )

Podívejte se na toto pero!

Procento se vypočítá s ohledem na výšku obsahujícího bloku. Pokud výška obsahujícího bloku není výslovně uvedena, považuje se procentuální hodnota za žádnou. max-heightVlastnost se bude vztahovat na všechny prvky, kromě non-nahradil inline prvků, sloupců tabulky a skupin sloupců (tj colgroup, col).