Reka letak halaman web CSS DIV Penggunaan ketinggian minimum (ketinggian min) yang hebat_Pertukaran pengalaman

Dengan mengandaikan terdapat dua KOTAK, kita memerlukan ketinggian minimumnya ialah 150PX.
CSS
div.box1,div.box2{
lebar: 300px;
tinggi min: 150px
latar belakang: #EEE;
margin apung; -kanan: 20px;
}
xhtml

Ketinggian minimum tidak dikekalkan pada 150px dalam IE

Ketinggian minimum boleh ditetapkan kepada ketinggian minimum BOX, apabila kandungannya Kadangkala, ketinggian BOX boleh dikekalkan tetap

Kesan semasa ialah ketinggian minimum tidak dikekalkan pada 150px dalam IE.
Penyelesaian
Tetapkan ketinggian untuk IE
* html div.box1,* html div.box2{height: 150px;}
Penyelesaian untuk wellstyled.com ialah menggunakan pemilihan atribut CSS Pemilih Atribut
div.box1,div.box2{ ......tinggi: 150px;}
/* IE bergantung pada ini untuk mengekalkan ketinggian minimum dan ia akan memanjang ke bawah secara automatik jika melebihinya*/
div[class].box1,div[class].box2{height: auto;}
/* Objek DIV dengan atribut pemilih kelas (class)*/
IE secara semula jadi tidak menyokongnya, Opera dan Mozilla menyokong , membaca ketinggian ini. Keadaan yang berkenaan: carian, artikel dan halaman lain (100% ketinggian tidak digunakan, supaya apabila kandungan yang ditemui kurang, halaman itu tidak akan terlalu pendek.