Rumah > hujung hadapan web > tutorial css > Reka letak halaman web CSS DIV Penggunaan ketinggian minimum (ketinggian min) yang hebat_Pertukaran pengalaman

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

WBOY
Lepaskan: 2016-05-16 12:04:17
asal
2442 orang telah melayarinya

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.
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan