Adakah Clearfix Lapuk Menghadapi `limpahan: tersembunyi`?

Adakah Clearfix Usang?

Dilema lama telah berterusan untuk bekas dengan kanak-kanak terapung: bagaimana untuk memastikan mereka mengembangkan ketinggian mereka dengan sewajarnya. Walaupun clearfix, tweak CSS, telah melaksanakan tujuan ini secara tradisinya, penyelesaian yang lebih mudah telah muncul: limpahan: tersembunyi. Kedua-dua teknik ini mempunyai keserasian penyemak imbas yang sangat baik, menimbulkan persoalan: adakah clearfix kini berlebihan?

Kelebihan Limpahan: Tersembunyi

Secara amnya, limpahan: tersembunyi mengendalikan kebanyakan senario clearfix dengan berkesan. Walau bagaimanapun, terdapat beberapa pengecualian.

Limpahan Mendatar dengan Bendung Menegak

Pertimbangkan div bekas dengan ketinggian tetap dan unsur terapung mendatar. Limpahan: tersembunyi gagal menyelesaikan isu pembendungan menegak, memerlukan kaedah pembersihan terapung alternatif, seperti clear: kedua-duanya atau kelas clearfix.

Contoh Bekas Limpahan

Tambahan pula , limpahan: tersembunyi memberikan cabaran dalam senario tertentu. Ambil contoh di http://fordinteractive.com/misc/overflow/. Walaupun limpahan berfungsi dalam beberapa kes, ia gagal dalam yang lain. Penyelesaian alternatif, seperti paparan: inline-block, boleh menyelesaikan isu ini dengan lebih elegan, seperti yang ditunjukkan dalam http://jsbin.com/upog.

Kesimpulan

Walaupun limpahan: tersembunyi telah mendapat perhatian untuk pembersihan terapung dalam banyak senario, ia bukan penyelesaian universal. Untuk pengecualian seperti limpahan mendatar dengan pembendungan menegak, clearfix atau teknik pembersihan terapung lain kekal sebagai alat yang berharga dalam senjata pembangun web.

Atas ialah kandungan terperinci Adakah Clearfix Lapuk Menghadapi `limpahan: tersembunyi`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!