Макс-высота - 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).