Hapus hal yang mengambang yang akan ditemui oleh siapa pun yang membuat halaman, tetapi dapatkah semua orang tahu dengan jelas dan komprehensif? Jadi ketika saya bebas, saya segera menulis artikel seperti itu. Saya tidak bisa menutupi semuanya, tetapi pada dasarnya saya bisa mengajarkan semua yang saya tahu.
Mari kita lihat dengan kasar berapa banyak cara untuk membersihkan float (saya tidak akan menulisnya dengan zoom: 1 di dalamnya, saya akan menulisnya untuk topik berikutnya). Demo yang sesuai- Gunakan Pseudo-Class: Setelah membersihkan lapisan kelas semu dengan bit ketinggian kosong berikutnya
- Gunakan CSS Overflow: Otomatis untuk mendukung ketinggian
- Gunakan CSS Overflow: Tersembunyi untuk Menghasilkan Adaptasi Aneh
- Gunakan Tampilan: Tabel untuk mengubah objek menjadi bentuk tabel
- Gunakan tag div dan atribut CSS yang jelas
- Gunakan tag BR dan atribut CSS yang jelas
- Gunakan tag BR, dan atribut HTML Clear sendiri
Secara kasar, mereka semua dapat menyelesaikan masalah; Namun, di sisi lain, mereka memiliki pro dan kontra mereka sendiri. (Korespondensi satu-ke-satu)- Keuntungan Struktur Semantik sepenuhnya benar dan tidak akan menyebabkan masalah aneh lainnya. Kekurangan metode penggunaan kembali yang tidak tepat dapat dengan mudah menyebabkan volume kode meningkat dengan tajam. Direkomendasikan untuk orang yang menggunakan lapisan terluar saat mengambang, atau menggunakannya dengan jelas dengan cara modular.
- Keuntungan Strukturnya benar -benar benar dan volume kode sangat kecil. Kerugian setelah beberapa sarang, mengklik kotak apung terluar akan dipilih dari yang terluar ke konten terdalam (FF); Atau ketika mouseover menyebabkan lebar berubah, modul terluar akan memiliki bilah gulir (yaitu). Dianjurkan untuk menggunakan modul internal, tolong jangan bersarang.
- Keuntungan Strukturnya benar -benar benar dan volume kode sangat kecil. Ketika kerugian meningkat, konten kemungkinan akan disembunyikan tanpa secara otomatis membungkus garis. Dianjurkan untuk menggunakannya saat lebar diperbaiki, dan tidak menyarangkannya.
- Keuntungan Strukturnya benar -benar benar dan volume kode sangat kecil. Atribut model kotak kerugian telah berubah, dan Anda dapat membayangkan bahwa ada begitu banyak peristiwa aneh yang bahkan tidak dapat Anda hitung. Disarankan bahwa jika Anda tidak ingin mengubah bug, yang terbaik adalah tidak menggunakannya; Namun, itu dapat diuji sebagai orang bodoh sementara dalam versi alpha.
- Keuntungan: Jumlah kode yang sangat kecil dan reusability yang sangat tinggi. Kerugiannya sama sekali tidak efektif dalam beradaptasi dengan semantik, yang tidak kondusif untuk revisi dan persyaratan berubah. Dianjurkan agar pemula menggunakannya, yang memungkinkan Anda untuk dengan cepat menyelesaikan masalah mengambang.
- Keuntungan Tingkat semantik lebih baik daripada kasus kelima; Volume kode sangat kecil dan reusability sangat tinggi. Semantikisasi kerugian masih tidak sempurna, yang tidak kondusif untuk revisi dan permintaan perubahan. Dianjurkan agar pemula menggunakannya, yang memungkinkan Anda untuk dengan cepat menyelesaikan masalah mengambang.
- Keuntungan Tingkat semantik lebih baik daripada dalam kasus ke -5 dan 6; Jumlah kode adalah yang terkecil dan reusability sangat tinggi. Semantikisasi kerugian masih tidak sempurna, yang tidak kondusif untuk revisi dan permintaan perubahan. Disarankan untuk memandu pemula untuk menggunakannya ketika meningkatkan pemikiran mereka sehingga mereka memahami bahwa alih -alih menggunakan ClassName untuk mengontrol kinerja, lebih baik untuk kembali ke era halaman web di Web1.0 untuk secara langsung menggunakan atribut HTML untuk mengontrol kinerja. Bagaimanapun, yang terakhir memiliki lebih sedikit kode.
Akhirnya, daftar selesai. Namun, saya pikir perlu untuk meminta maaf kepada semua orang tentang artikel yang dicetak ulang sebelumnya. Yang saya sesali adalah bahwa saya mengubah judul hantu dan mengubah yang paling sederhana menjadi optimal, sehingga banyak siswa disesatkan kemudian. Jadi saya menulis artikel yang ditulis ulang untuk dibagikan.
