Хв-висота - CSS-хитрощі

Anonim

min-heightВластивість в CSS використовується для установки мінімальної висоти заданого елемента. min-heightВластивість завжди має пріоритет як heightі max-height. Автори можуть використовувати будь-яке зі значень довжини, якщо вони є позитивними.

.wrapper ( height: 100%; /* full height of the content box */ min-height: 20em; /* Will be AT LEAST 20em tall */ ) .wrapper ( height: 600px; min-height: 400px; /* Will be AT LEAST 20em tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )

Якщо будь-яке значення більше ( height> min-heightабо навпаки), найбільшим буде значення, яке відображається. min-heightВластивість буде застосовуватися до всіх елементів , за винятком незамещаемих вбудованих елементів, стовпців таблиці і груп стовпців (тобто colgroup, col).

Підтримка браузера

IE Край Firefox Chrome Сафарі Опера
Всі Всі Всі Всі Всі Всі
Android Chrome Android Firefox Браузер Android iOS Safari Opera Mobile
Всі Всі Всі Всі 59+
Джерело: caniuse

Пов’язані властивості

Альманах 15 січня 2021 року

висота

.element ( height: 500px; ) Сара Коуп