Мин-височина - 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; ) Сара Коуп