Min-augstums - CSS-triki

Anonim

min-heightĪpašums CSS tiek izmantota, lai noteiktu minimālo augstumu no norādītā elementa. min-heightĪpašums vienmēr ignorē gan heightun max-height. Autori var izmantot jebkuru no garuma vērtībām, ja vien tie ir pozitīvi.

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

Ja kāda no vērtībām ir lielāka ( height> min-heightvai otrādi), vislielākā vērtība tiks sniegta. min-heightĪpašums attieksies uz visiem elementiem, izņemot kas nav jāaizstāj inline elementiem, galda kolonnas un kolonnu grupām (ti colgroup, col).

Pārlūkprogrammas atbalsts

IE Mala Firefox Chrome Safari Opera
Viss Viss Viss Viss Viss Viss
Android Chrome Android Firefox Android pārlūks iOS Safari Opera Mobile
Viss Viss Viss Viss 59+
Avots: caniuse

Saistītās īpašības

Almanahs 2021. gada 15. janvārī

augstums

.element ( height: 500px; ) Sara Cope