Penggunaan tinggi minimum yang luar biasa dalam tata letak CSS - tinggi minimum dapat mengatur tinggi minimum sebuah KOTAK, ketika kontennya kecil, tinggi KOTAK juga dapat dijaga konstan, dan secara otomatis akan memanjang ke bawah jika melebihi minimum. tinggi. Anda dapat mengatur tinggi minimum sebuah KOTAK. Tinggi minimum, jika isinya lebih sedikit, dapat menjaga tinggi KOTAK pada tingkat tertentu. Jika melebihi ketinggian, maka secara otomatis akan memanjang ke bawah. hanya Opera dan Mozilla yang mendukungnya. IE7 juga sudah mulai mendukungnya, tetapi IE7 sedang dalam tahap pengujian, dll. Mungkin perlu waktu lama untuk merilis versi resminya ke masyarakat umum sistem operasi, bagaimana ketinggian minimum dapat digunakan secara wajar dan efektif pada basis yang ada (IE6 80-90%)?
Dengan asumsi ada dua BOX, kita memerlukan tinggi minimumnya 150PX.
CSS
Berikut kutipannya:
Berikut isi kutipannya: div.kotak1,div.kotak2{ xhtml |
Berikut kutipannya:
Efek saat ini adalah tinggi minimum tidak dipertahankan pada 150px di IE.
larutan
Tetapkan ketinggian untuk IE
Berikut kutipannya:
* html div.box1,* html div.box2{tinggi: 150 piksel;}
Solusi wellstyled.com adalah dengan menggunakan penyeleksi atribut CSS (Pemilih Atribut)
Berikut kutipannya:
div.box1,div.box2{......tinggi: 150 piksel;}
/* IE mengandalkan ini untuk mempertahankan ketinggian minimum, dan secara otomatis akan memanjang ke bawah jika melebihi itu */
div[kelas].kotak1,div[kelas].kotak2{tinggi: otomatis;}
/* Objek DIV dengan atribut pemilih kelas (kelas) */
Tentu saja, IE tidak mendukungnya. Opera dan Mozilla mendukung pembacaan setinggi ini. Kesempatan yang berlaku: pencarian, artikel, dan halaman lainnya (tinggi 100% tidak digunakan, sehingga jika konten yang ditemukan lebih sedikit, halaman tidak akan terlalu pendek).