Максимальна висота - 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).