Мин-высота - 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 Край Fire Fox Хром Сафари Опера
Все Все Все Все Все Все
Android Chrome Android Firefox Браузер Android iOS Safari Opera Mobile
Все Все Все Все 59+
Источник: caniuse

Связанные свойства

Альманах на 15 января 2021 г.

высота

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