Ketinggian maksimum - Trik CSS

The max-heightharta di CSS digunakan untuk menetapkan ketinggian maksimum unsur yang ditetapkan. Pengarang boleh menggunakan mana-mana nilai panjang selagi nilai positif. max-heightmengatasi ketinggian, tetapi min-heightselalu mengatasi max-height.

.wrapper ( height: 100%; /* full height of the content box */ max-height: 20em; /* requires an absolute value for height. */ ) .wrapper ( height: 50px; max-height: 20px; /* Will be AT MOST 20px tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )

Lihat Pen ini!

Peratusan dikira berkenaan dengan ketinggian bongkah yang berisi. Sekiranya ketinggian blok berisi tidak dinyatakan secara eksplisit, nilai peratusan dianggap tidak ada. Properti max-heightini akan digunakan untuk semua elemen kecuali elemen sebaris yang tidak diganti, lajur jadual, dan kumpulan lajur (iaitu colgroup, col).