Максимална височина - CSS-трикове

В max-heightимота в CSS се използва за задаване на максимална височина на определен елемент. Авторите могат да използват всяка от стойностите на дължината, стига те да са положителни стойности. max-heightотменя височината, но min-heightвинаги отменя 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; )

Вижте тази писалка!

Процентът се изчислява по отношение на височината на съдържащия блок. Ако височината на съдържащия блок не е посочена изрично, процентната стойност се третира като никаква. В max-heightимота ще се прилага за всички елементи, с изключение на не-заменя вградени елементи, колони на таблицата, както и групи от колони (т.е. colgroup, col).