1. Periksa apakah elemen HTML memiliki kesalahan ketik atau apakah itu lupa tag akhir
Bahkan veteran sering mendapatkan hubungan div yang bersarang. Anda dapat menggunakan fungsi verifikasi DreamWeaver untuk memeriksa apakah ada kesalahan.
2. Periksa apakah CSS benar
Periksa kesalahan ejaan, apakah Anda lupa ending}, dll. CleanCSS dapat digunakan untuk memeriksa kesalahan ketik CSS. CleanCSS adalah alat untuk menurunkan berat badan untuk CSS, tetapi juga dapat diperiksa untuk kesalahan ejaan.
3. Tentukan di mana kesalahan terjadi
Jika kesalahan mempengaruhi keseluruhan tata letak, Anda dapat menghapus blok div satu per satu sampai blok DIV dihapus dan tampilan kembali normal, dan Anda dapat menentukan lokasi kesalahan.
4. Gunakan atribut perbatasan untuk menentukan karakteristik tata letak dari elemen kesalahan
Jika Anda secara tidak sengaja tata properti float, Anda akan membuat kesalahan. Pada saat ini, tambahkan atribut perbatasan ke elemen untuk menentukan batas elemen, dan alasan kesalahan terungkap.
5. Elemen induk dari elemen float tidak dapat menentukan atribut yang jelas
Jika Anda menggunakan atribut yang jelas pada elemen induk dari elemen float di bawah Macie, tata letak elemen float di sekitar akan bingung. Ini adalah bug terkenal di Macie, dan jika Anda tidak tahu, Anda akan mengambil jalan memutar.
6. Elemen float harus menentukan atribut lebar
Banyak browser akan memiliki bug saat menampilkan elemen pelampung dengan lebar yang tidak ditentukan. Jadi tidak peduli apa konten elemen float, Anda harus menentukan atribut lebar.
Selain itu, saat menentukan elemen, cobalah menggunakan EM sebagai ganti PX sebagai unit.
7. Elemen float tidak dapat menentukan properti seperti margin dan bantalan
IE memiliki bug saat menampilkan elemen float dengan margin dan bantalan yang ditentukan. Oleh karena itu, jangan tentukan atribut margin dan padding untuk elemen float (Anda dapat bersarang div di dalam elemen float untuk mengatur margin dan padding). Anda juga dapat menggunakan metode peretasan untuk menentukan nilai luar biasa untuk IE.
8. Jumlah lebar elemen float harus kurang dari 100%
Jika jumlah lebar elemen float tepat 100%, beberapa browser kuno tidak akan ditampilkan secara normal. Oleh karena itu, pastikan bahwa jumlah lebar kurang dari 99%.
9. Apakah gaya default telah diatur ulang?
Beberapa atribut seperti margin, padding, dll. Akan memiliki penjelasan yang berbeda untuk browser yang berbeda. Oleh karena itu, yang terbaik adalah mengatur seluruh margin dan padding ke 0, gaya daftar untuk tidak ada, dll. Sebelum pengembangan.
10. Apakah Anda lupa menulis DTD?
Jika hasil tampilan dari berbagai browser masih berbeda, maka Anda dapat memeriksa apakah Anda lupa menulis baris DTD berikut di awal halaman:
<! Doctype html public "-// w3c // dtd html 4.01 transisi // en " " http: //www.w3.org/tr/html4/loose.dtd " >