Ketinggian min - Trik CSS

Anonim

The min-heightharta di CSS digunakan untuk menetapkan ketinggian minimum unsur yang ditetapkan. The min-heightharta sentiasa mengatasi kedua-dua heightdan max-height. Pengarang boleh menggunakan mana-mana nilai panjang selagi nilai positif.

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

Sekiranya salah satu nilai lebih besar ( height> min-heightatau sebaliknya), nilai yang paling besar adalah nilai yang diberikan. Properti min-heightini akan digunakan untuk semua elemen kecuali elemen sebaris yang tidak diganti, lajur jadual, dan kumpulan lajur (iaitu colgroup, col).

Sokongan penyemak imbas

IE Hujung Firefox Chrome Safari Opera
Semua Semua Semua Semua Semua Semua
Android Chrome Android Firefox Penyemak Imbas Android Safari iOS Opera Mudah Alih
Semua Semua Semua Semua 59+
Sumber: caniuse

Harta yang berkaitan

Almanak pada 15 Jan 2021

ketinggian

.element ( height: 500px; ) Sara Cope