Min-kõrgus - CSS-trikid

Anonim

min-heightVara CSS kasutatakse, et määrata minimaalne kõrgus on määratud element. min-heightVara alati alistab heightja max-height. Autorid võivad kasutada mis tahes pikkuse väärtusi, kui need on positiivsed.

.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; )

Kui kumbki väärtus on suurem ( height> min-heightvõi vastupidi), on suurim renderdatud väärtus. min-heightVara kohaldatakse kõikide elementide va mitte-asendatud inline elemente, Tabeliveerud ja veergude gruppe (st colgroup, col).

Brauseri tugi

IE Edge Firefox Chrome Safari Ooper
Kõik Kõik Kõik Kõik Kõik Kõik
Android Chrome Android Firefox Androidi brauser iOS-i Safari Opera Mobile
Kõik Kõik Kõik Kõik 59+
Allikas: caniuse

Seotud omadused

Almanahh 15. jaanuaril 2021

kõrgus

.element ( height: 500px; ) Sara Cope