Baiklah, izinkan saya memulai dengan beberapa komentar yang tidak relevan. Pekerjaan saya baru-baru ini telah memberi saya banyak peluang praktis, dan juga memberi saya banyak keuntungan. Saat ngobrol di grup, saya juga menyebutkan bahwa proses belajar yang terbaik adalah teori-praktik-lalu teori-lalu praktik. . . sebuah proses siklus. Teori yang disebutkan di sini merupakan konsep yang relatif luas, termasuk teori buku dan ringkasan praktik. Hanya teori tanpa praktek sering kali menghasilkan pikiran yang tinggi dan rendah diri, berpikir dengan baik tetapi melakukan latihan secara membabi buta tanpa belajar dan merangkum melalui teori akan terasa sibuk, tetapi pada akhirnya Anda akan menjadi tangan kosong.
Dalam praktik baru-baru ini, saya merasa semakin merepotkan jika elemen li berisi elemen img, dan saya perlu memperhatikannya. Tentu saja, masalah masih terjadi di IE seperti biasa. Berikut ini salah satu contohnya:
html
<ul>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
</ul>
css
kamu{
lebar: 280 piksel;
}
uli{
tampilan:blok;
tinggi:57 piksel;
lebar:277 piksel;
}
Ukuran temp.jpg adalah 277×57
Perilaku normal di Firefox:
Kinerja tidak normal di IE6:
Jelas bahwa di IE, tinggi kinerja li bukanlah 57px yang kami tetapkan, tetapi lebih tinggi dari itu karena ada tambahan ruang kosong sebesar 5px di bawah img.