Min-wysokość - CSS-Tricks

Anonim

min-heightNieruchomość w CSS jest używany do ustawiania wysokości minimalnego z określonego elementu. min-heightNieruchomość zawsze zastępuje zarówno heighti max-height. Autorzy mogą używać dowolnych wartości długości, o ile są one dodatnie.

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

Jeśli którakolwiek z wartości jest większa ( height> min-heightlub odwrotnie), największą wartością będzie ta renderowana. min-heightNieruchomość będzie miała zastosowanie do wszystkich elementów z wyjątkiem elementów spoza zastąpione inline, kolumn tabeli oraz grup kolumn (np colgroup, col).

Wsparcie przeglądarki

TO ZNACZY Brzeg Firefox Chrom Safari Opera
Wszystko Wszystko Wszystko Wszystko Wszystko Wszystko
Android Chrome Android Firefox Przeglądarka Android iOS Safari Opera Mobile
Wszystko Wszystko Wszystko Wszystko 59+
Źródło: caniuse

Powiązane właściwości

Almanach 15 stycznia 2021 r

wysokość

.element ( height: 500px; ) Sara Cope