Ketika tata letak div+CSS halaman, sangat umum untuk menghadapi masalah ekstra kosong dalam elemen gambar IMG di browser ketika bertemu IE6 (tentu saja, kadang -kadang itu akan terjadi di bawah Firefox). Solusi untuk masalah ini juga masalah waktu. Solusi yang berbeda harus digunakan sesuai dengan alasan yang berbeda. Di sini kita akan merangkum metode umum untuk memecahkan bug di celah tambahan di bawah tata letak gambar untuk referensi Anda.
1. Konversikan gambar menjadi objek tingkat blok
Yaitu, atur img ke: tampilan: blok;
Dalam contoh ini, tambahkan satu set kode CSS: #sub img {display: block;}
2. Atur penyelarasan vertikal gambar
Artinya, mengatur atribut vertikal-Align dari gambar ke atas, teks-top, bawah, dan teks-bottom juga dapat diselesaikan. Misalnya, tambahkan satu set kode CSS dalam contoh ini: #sub img {vertikal-align: top;}
3. Atur ukuran teks objek induk ke 0px
Artinya, tambahkan baris di #sub: font-size: 0;
Dapat menyelesaikan masalah. Tetapi ini juga menimbulkan masalah baru, dan bahkan teks dalam objek induk tidak dapat ditampilkan. Bahkan jika bagian teks tertutup, ukuran teks dari sub-objek masih dapat ditampilkan, tetapi akan mendorong kesalahan teks yang terlalu kecil ketika CSS divalidasi.
4. Ubah sifat objek induk
Jika lebar dan tinggi objek induk diperbaiki dan ukuran gambar tergantung pada objek induk, maka Anda dapat mengatur: overflow: tersembunyi;
Mari kita selesaikan. Seperti dalam contoh ini, Anda dapat menambahkan kode berikut ke #sub: lebar: 88px; tinggi: 31px; overflow: tersembunyi;
5. Atur sifat mengambang gambar
Yaitu, tambahkan baris kode CSS dalam contoh ini: #sub img {float: left;}
Jika Anda ingin mencapai gambaran dan pengaturan teks campuran, metode ini adalah pilihan yang baik.
Metode ini harus ditekankan bahwa dalam pengembangan aktual, metode ini dapat menyebabkan kekacauan, karena untuk membuat kode lebih semantik dan hierarkis, tidak dapat dihindari untuk memberikan tampilan lekukan kode melalui IDE, yang pasti akan memungkinkan label dan label lain ditampilkan sejalan, seperti aplikasi DW dari perintah format sumber. Jadi metode ini dapat membantu kita memahami situasi di mana bug terjadi, dan Anda harus menghadapinya dalam solusi tertentu.