Mengapa CSS2.1 Mentakrifkan Nilai Limpahan Selain daripada "kelihatan" untuk Mewujudkan Konteks Pemformatan Blok Baharu
Spesifikasi CSS2.1 memberi mandat bahawa nilai limpahan selain daripada "kelihatan" mewujudkan konteks pemformatan blok baharu (BFC). Keputusan ini mungkin kelihatan berlawanan dengan intuisi, kerana limpahan biasanya digunakan untuk menyembunyikan kandungan tanpa menjejaskan reka letak. Walau bagaimanapun, terdapat sebab yang kukuh di sebalik pilihan ini.
Kandungan dan Prestasi Boleh Tatal
Motivasi utama untuk menentukan nilai limpahan tidak kelihatan sebagai BFC adalah untuk meningkatkan prestasi semasa menatal . Apabila elemen terapung bersilang dengan kandungan boleh ditatal di luar bekas induknya, penyemak imbas mesti membungkus semula kandungan di sekeliling terapung pada setiap skrol. Pembungkusan semula berterusan ini akan memberi kesan ketara kepada kelajuan menatal jika penyemak imbas diperlukan untuk melaksanakan spesifikasi CSS2 asal.
Ketekalan dengan Nilai Limpahan Lain
Satu lagi faktor dalam keputusan ini ialah ketekalan. Walaupun limpahan: "tersembunyi" mungkin kelihatan seperti klip kandungan dalam bekasnya, ia masih boleh ditatal secara pengaturcaraan. Oleh itu, penetapan nilai limpahan tidak kelihatan secara konsisten menghasilkan BFC baharu, tidak kira sama ada kandungan itu sebenarnya boleh ditatal.
Menyatukan Tingkah Laku dengan Elemen yang Digantikan
CSS2. 1 juga memperkenalkan perubahan dalam cara ketinggian: "auto" berkelakuan untuk akar konteks pemformatan blok (BFCR). BFCR dengan ketinggian: "auto" kini meregang secara menegak untuk menampung terapung. Ini sejajar dengan gelagat elemen yang diganti (cth., imej), yang sememangnya mencipta BFC dan meregangkan agar sesuai dengan kandungannya.
Faedah Limpahan Tidak Kelihatan
Oleh mentakrifkan nilai limpahan tidak kelihatan sebagai BFC, CSS2.1 memastikan:
Atas ialah kandungan terperinci Mengapa Nilai Limpahan Tidak 'kelihatan' Mencipta Konteks Pemformatan Blok Baharu dalam CSS2.1?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!