Mengapa apungan jernih limpahan tidak mempunyai kesan?

Sebab mengapa apungan pembersihan limpahan tidak sah mungkin kerana ketinggian elemen terapung tidak ditetapkan, elemen terapung dibersihkan, elemen penjelasan adalah sebelum elemen terapung, ketinggian elemen jelas tidak ditetapkan, atau elemen jelas adalah selepas unsur terapung, dsb. Pengenalan terperinci: 1. Ketinggian unsur terapung tidak ditetapkan Apabila ketinggian unsur terapung tidak ditetapkan, ia mungkin tidak dibersihkan Ketinggian unsur terapung ditentukan oleh kandungannya, jadi jika kandungannya tidak ketinggian, elemen terapung juga tidak mempunyai ketinggian; 2. Terapung Elemen dibersihkan, apabila elemen terapung dibersihkan, sifat limpahan mungkin tidak jelas dan sebagainya.

Sistem pengendalian tutorial ini: sistem Windows 10, komputer DELL G3.

Dalam CSS, atribut limpahan digunakan untuk mengawal limpahan kandungan sesuatu elemen. Walau bagaimanapun, apabila elemen mengandungi unsur terapung, sifat limpahan mungkin tidak mengosongkan terapung. Berikut adalah beberapa sebab:

1 Ketinggian unsur terapung tidak ditetapkan:

Apabila ketinggian unsur terapung tidak ditetapkan, ia mungkin tidak dibersihkan. Ketinggian unsur terapung ditentukan oleh kandungannya, jadi jika kandungan itu tidak mempunyai ketinggian, maka unsur terapung juga tidak mempunyai ketinggian.

   .parent {
     overflow: hidden;
   }
   .child {
     float: left;
   }

Dalam contoh di atas, atribut limpahan unsur .induk tidak boleh mengosongkan apungan unsur .anak.

2. Elemen terapung dikosongkan:

Apabila elemen terapung dikosongkan, atribut limpahan mungkin tidak dikosongkan. Jika elemen terapung dibersihkan, maka ia tidak menjejaskan elemen lain.

   .parent {
     overflow: hidden;
   }
   .child {
     float: left;
     clear: both;
   }

Dalam contoh di atas, elemen .child dikosongkan dan atribut limpahan elemen .parent tidak dapat mengosongkan apungan.

3. Elemen terapung sebelum mengosongkan elemen:

Apabila elemen terapung sebelum elemen mengosongkan, atribut limpahan mungkin tidak dikosongkan. Jika elemen terapung mendahului elemen yang dikosongkan, elemen yang dikosongkan tidak boleh mengosongkan apungan.

   .parent {
     overflow: hidden;
   }
   .child {
     float: left;
   }
   .clear {
     clear: both;
   }

Dalam contoh di atas, elemen .clear adalah selepas elemen terapung, dan atribut limpahan elemen .parent tidak boleh mengosongkan terapung.

4 Ketinggian elemen yang dikosongkan tidak ditetapkan:

Apabila ketinggian elemen yang dikosongkan tidak ditetapkan, atribut limpahan mungkin tidak dapat mengosongkan apungan. Jika elemen jelas tidak mempunyai ketinggian, maka ia tidak akan menjejaskan elemen lain.

   .parent {
     overflow: hidden;
   }
   .child {
     float: left;
   }
   .clear {
     clear: both;
   }

Dalam contoh di atas, elemen .clear tidak mempunyai set ketinggian dan atribut limpahan elemen .parent tidak boleh mengosongkan apungan.

5. Elemen jelas selepas elemen terapung:

Apabila elemen jelas selepas elemen terapung, sifat limpahan mungkin tidak mengosongkan terapung. Jika elemen pembersihan datang selepas elemen terapung, elemen terapung tidak boleh dibersihkan.

   .parent {
     overflow: hidden;
   }
   .child {
     float: left;
   }
   .clear {
     clear: both;
   }

Dalam contoh di atas, elemen .clear adalah selepas elemen terapung, dan atribut limpahan elemen .parent tidak boleh mengosongkan terapung.

Sebab ini mungkin menyebabkan atribut limpahan gagal untuk membersihkan terapung. Bergantung pada keperluan khusus, struktur dan gaya elemen boleh dilaraskan untuk mencapai terapung jelas yang berkesan.

Perlu diingatkan bahawa membersihkan terapung boleh menyebabkan masalah susun atur untuk elemen. Apabila menggunakan pelampung jelas, anda harus memberi perhatian kepada struktur dan gaya elemen untuk mengelakkan pertindihan atau salah penjajaran elemen.

Ringkasnya, atribut limpahan mungkin tidak mengosongkan terapung kerana elemen terapung tidak mempunyai set ketinggian, elemen terapung dikosongkan, elemen yang dikosongkan adalah sebelum elemen terapung, elemen yang dikosongkan tidak mempunyai set ketinggian atau elemen yang dikosongkan adalah selepas unsur terapung. Penggunaan pelampung jelas yang betul boleh mengelakkan masalah susun atur elemen. Jika anda mempunyai sebarang pertanyaan lanjut, sila beritahu saya.

Atas ialah kandungan terperinci Mengapa apungan jernih limpahan tidak mempunyai kesan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!