Min-aukštis - CSS-gudrybės

Anonim

min-heightCSS turtas naudojamas nustatyti minimalų aukštį su konkretaus elemento. min-heightNuosavybė visada nepaiso tiek heightir max-height. Autoriai gali naudoti bet kurią iš ilgio reikšmių, jei jos yra teigiamos.

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

Jei kuri nors vertė yra didesnė ( height> min-heightarba atvirkščiai), didžiausia vertė bus pateikiama. min-heightTurtas bus taikomos visiems elementams, išskyrus ne pakeisti inline elementų, lentelės stulpelių ir stulpelių grupių (ty colgroup, col).

Naršyklės palaikymas

T.Y Briauna „Firefox“ „Chrome“ „Safari“ Opera
Viskas Viskas Viskas Viskas Viskas Viskas
„Android Chrome“ „Android Firefox“ „Android“ naršyklė „iOS Safari“ „Opera Mobile“
Viskas Viskas Viskas Viskas 59+
Šaltinis: caniuse

Susijusios savybės

Almanachas 2021 m. Sausio 15 d

ūgio

.element ( height: 500px; ) Sara Cope