dan kemudian dibiarkan terapung. Oleh kerana lebar bahagian luar
ditetapkan, empat kotak disusun dalam dua baris Baris pertama ialah sempadan hijau, dan baris kedua ialah sempadan biru, warna di atas dua adalah yang utama. Dua lagi ditulis semula dalam gaya sebaris. Kandungan dalam sempadan ditukar kepada senarai. Baris pertama senarai ialah tajuk Ia perlu menggunakan gaya tajuk dan kemudian mengapungkannya ke kiri Kesannya lebih baik daripada yang asal. Baris kedua senarai juga perlu mentakrifkan clear:right supaya baki tiga baris tidak terapung.
Saya menghadapi beberapa masalah yang tidak dapat dijelaskan semasa proses pengubahsuaian, dan saya ingin menerangkannya secara khususnya:
Bahagian kiri dan kanan sentiasa tidak sejajar
Ini ialah gaya bahagian kiri awal:
#mainleft1 ul {
font-saiz: 10px;
}
#mainleft1 li {
line-height: 24px;
}
Penyemak imbas yang berbeza memaparkan kesan yang berbeza apabila melihat pratonton dalam gaya ini,
Kemudian saya menukar gaya untuk menyelesaikan masalah:
#mainleft1 li {
font-saiz: 10px;
}
#mainleft1 a {
line-height:24px;
}
Nampaknya fungsi yang dilaksanakan oleh kedua-dua gaya ini adalah sama. Tetapi kesannya berbeza, mungkin ia adalah masalah dengan gaya lalai!
Pepijat IE
Masalah ni memang membingungkan tengok kesannya: 
Perhatikan dengan teliti empat perkataan tambahan, anda akan terkejut. Tidak ada masalah dalam pelayar lain Jika jarak antara empat kotak ditetapkan lebih kecil, tidak akan ada masalah Pada akhirnya, saya tidak mempunyai pilihan selain menetapkan overflow:hidden untuk menyembunyikannya.
Pada ketika ini, pemprosesan bahagian tengah telah tamat.
Langkah ketiga pemprosesan ekor
Selepas mengubah suai dua bahagian pertama, bahagian ini akan menjadi lebih mudah Buat #bot1, gunakannya sekali pada setiap kotak, dan kemudian gunakan beberapa senarai tidak tertib . Masalah yang dihadapi dalam bahagian ini ialah: pautan tidak boleh dijajarkan ke kiri, dan penjajaran teks: kiri tidak boleh ditentukan Pada akhirnya, saya perlu menetapkan sempadan dan padding yang berbeza untuk setiap baris untuk mencapai kesan penjajaran.
Dengan cara ini, semuanya pada dasarnya selesai. Kerja selebihnya ialah melaraskan penjajaran sempadan dan ruang putih setiap bahagian dengan teliti. Keseluruhan projek mengambil masa tiga hari, dua hari untuk menyelesaikan tugas asas, dan hari terakhir untuk membuat pelarasan terperinci. Saiz dokumen akhir ialah 48.8k, iaitu 30k penuh lebih kecil daripada saiz asal
Fail sumber akhir yang lengkap boleh didapati di tapak web saya, klik untuk menyemak imbas.
Pengubahsuaian terkini 2005-10-13
Diubah suai pada 28 Oktober 2005, membetulkan paparan abnormal dalam IE .
