Ringkasan kesilapan biasa apabila menggunakan DIV+CSS untuk membuat halaman web_Pertukaran pengalaman

1. Semak sama ada terdapat ralat ejaan dalam elemen HTML dan sama ada teg penutup dilupakan.
Malah veteran sering melakukan kesilapan dalam hubungan bersarang div. Anda boleh menggunakan fungsi pengesahan Dreamweaver untuk menyemak ralat.

2. Semak sama ada CSS itu betul.
Semak sama ada terdapat sebarang ralat ejaan, sama ada anda terlupa penghujung }, dsb. Anda boleh menggunakan CleanCSS untuk menyemak CSS untuk ralat ejaan. CleanCSS ialah alat untuk mengurangkan berat untuk CSS, tetapi ia juga boleh menyemak ralat ejaan.

3. Tentukan di mana ralat berlaku.
Jika ralat menjejaskan reka letak keseluruhan, anda boleh memadamkan blok div satu demi satu sehingga paparan kembali normal selepas memadamkan blok div tertentu, dan anda boleh menentukan tempat ralat itu berlaku.

4 Gunakan atribut sempadan untuk menentukan ciri reka letak elemen ralat.
Menggunakan reka letak atribut apungan boleh menyebabkan ralat jika anda tidak berhati-hati. Pada masa ini, tambahkan atribut sempadan pada elemen untuk menentukan sempadan elemen dan punca ralat akan didedahkan.

5. Elemen induk bagi elemen apungan tidak boleh menentukan atribut yang jelas.
Jika anda menggunakan atribut yang jelas pada elemen induk bagi elemen apungan di bawah MacIE, susun atur elemen apungan di sekeliling akan menjadi keliru. Ini adalah pepijat terkenal MacIE Jika anda tidak mengetahuinya, anda akan mengambil lencongan.

6. Elemen apungan mesti menyatakan atribut lebar.
Banyak penyemak imbas mempunyai pepijat apabila memaparkan elemen apungan dengan lebar yang tidak ditentukan. Jadi tanpa mengira kandungan elemen apungan, atribut lebar mesti ditentukan untuknya.
Selain itu, apabila menentukan elemen, cuba gunakan em dan bukannya px sebagai unit.

7. Elemen terapung tidak boleh menentukan atribut seperti margin dan padding.
IE mempunyai pepijat apabila memaparkan elemen apungan dengan margin dan padding ditentukan. Oleh itu, jangan nyatakan atribut margin dan padding pada elemen apungan (anda boleh meletakkan div di dalam elemen apungan untuk menetapkan margin dan padding). Anda juga boleh menggunakan penggodaman untuk menentukan nilai khas untuk IE.

8. Jumlah lebar elemen apungan mestilah kurang daripada 100%.
Jika jumlah lebar unsur apungan adalah tepat 100%, sesetengah pelayar lama tidak akan memaparkannya dengan betul. Oleh itu, sila pastikan bahawa jumlah lebar adalah kurang daripada 99%.

9. Sudahkah anda menetapkan semula gaya lalai?
Penyemak imbas yang berbeza akan mempunyai tafsiran berbeza bagi atribut tertentu seperti margin, padding, dsb. Oleh itu, adalah lebih baik untuk menetapkan semua margin dan padding kepada 0, gaya senarai kepada tiada, dsb. sebelum pembangunan.

10. Adakah anda terlupa untuk menulis DTD?
Jika hasil paparan masih berbeza tidak kira bagaimana anda melaraskan penyemak imbas yang berbeza, maka anda boleh menyemak sama ada anda terlupa untuk menulis baris DTD berikut pada permulaan halaman:
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">