Ringkasan penyelesaian kepada masalah css biasa_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 adalah betul
Semak sama ada terdapat sebarang ralat ejaan, sama ada anda terlupa penghujungnya }, 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 lokasi ralat berlaku
Jika ralat menjejaskan reka letak keseluruhan, anda boleh memadamkan blok div satu demi satu sehingga paparan kembali normal selepas memadamkan blok div, maka anda boleh tentukan lokasi ralat berlaku.

4 Gunakan atribut sempadan untuk menentukan ciri reka letak elemen ralat
Menggunakan atribut apungan untuk reka letak akan 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, reka letak elemen apungan di sekelilingnya. keliru. Ini adalah pepijat terkenal MacIE Jika anda tidak mengetahuinya, anda akan mengambil lencongan.

6 Elemen terapung mesti menyatakan atribut lebar
Banyak penyemak imbas mempunyai pepijat apabila memaparkan elemen apungan tanpa lebar yang 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 unsur apungan mestilah kurang daripada 100%
Jika jumlah lebar unsur apungan adalah tepat 100%, sesetengah pelayar lama tidak akan dipaparkan dengan betul. Oleh itu, sila pastikan bahawa jumlah lebar adalah kurang daripada 99%.

9. Sudahkah anda menetapkan semula gaya lalai?
Sesetengah atribut seperti margin, padding, dsb. akan ditafsir secara berbeza oleh penyemak imbas yang berbeza. 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”>