Min-magasság - CSS-trükkök

Anonim

A min-heightCSS tulajdonság a megadott elem minimális magasságának beállítására szolgál. A min-heighttulajdonság mindig felülírja a heightés max-height. A szerzők bármely hosszúsági értéket használhatnak, amennyiben pozitív értékről van szó.

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

Ha bármelyik érték nagyobb ( height> min-heightvagy fordítva), akkor a legnagyobb lesz a renderelt érték. Az min-heightingatlan vonatkozik valamennyi elem kivételével nem váltotta inline elemeket, asztal oszlopok és oszlop csoportok (azaz colgroup, col).

Böngésző támogatás

AZAZ Él Firefox Króm Szafari Opera
Összes Összes Összes Összes Összes Összes
Android Chrome Android Firefox Android böngésző iOS Safari Opera Mobile
Összes Összes Összes Összes 59+
Forrás: caniuse

Kapcsolódó tulajdonságok

Almanach 2021. január 15-én

magasság

.element ( height: 500px; ) Sara Cope