Apakah kaedah apungan?

Kaedah terapung termasuk terapung kiri, terapung kanan, terapung jelas dan tiada terapung. Pengenalan terperinci: 1. Terapung ke kiri (terapung: kiri): Elemen terapung ke kiri, membebaskan ruang di sebelah kanan untuk elemen lain. Elemen terapung kiri akan melekat pada elemen terapung di hadapannya atau sempadan kiri bekas 2. Terapung ke kanan (terapung: kanan): Elemen terapung ke kanan, membebaskan ruang kiri untuk elemen lain. Elemen terapung kanan akan melekat pada elemen terapung di hadapannya atau sempadan kanan bekas 3. Kosongkan terapung (jelas: kedua-duanya) dan seterusnya.

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

Float ialah kaedah reka letak yang biasa digunakan dalam CSS, yang membenarkan elemen terapung ke kedudukan tertentu pada halaman. Melalui terapung, anda boleh mencapai susun atur berbilang lajur, teks pembalut gambar dan kesan lain. Dalam CSS, terdapat kaedah terapung berikut:

1 Terapung ke kiri (terapung: kiri): Elemen terapung ke kiri, membebaskan ruang di sebelah kanan untuk digunakan oleh elemen lain. Unsur terapung kiri akan melekat pada elemen terapung di hadapannya atau tepi kiri bekas.

2. Terapung ke kanan (apung: kanan): Elemen terapung ke kanan, membebaskan ruang kiri untuk elemen lain. Unsur terapung kanan akan melekat pada elemen terapung di hadapannya atau tepi kanan bekas.

3 Apungan jernih (jelas: kedua-duanya): Digunakan untuk membersihkan kesan unsur terapung pada elemen seterusnya. Apabila elemen ditetapkan dengan atribut apungan jelas, ia akan secara automatik membalut dan melekat pada sempadan bawah elemen terapung sebelumnya.

4 Tiada terapung (float: tiada): Batalkan kesan terapung elemen dan kembalikan elemen kepada aliran dokumen biasa.

Ciri unsur terapung ialah ia akan berpisah daripada aliran dokumen, dan unsur induk unsur terapung akan runtuh, menyebabkan ketinggian unsur induk gagal mengembang secara automatik. Untuk menyelesaikan masalah ini, anda boleh menambah kelas clearfix pada elemen induk elemen terapung dan kosongkan kesan elemen terapung pada elemen induk dengan menetapkan gaya kelas clearfix.

Elemen terapung digunakan secara meluas, terutamanya dalam melaksanakan susun atur berbilang lajur, gambar dan pembalut teks, dsb. Dengan menetapkan kaedah terapung yang berbeza, kesan susun atur yang berbeza boleh dicapai. Contohnya, elemen terapung kiri boleh mencapai reka letak berbilang lajur, dan elemen terapung kanan boleh mencapai kesan gambar di sekeliling teks.

Perlu diingatkan bahawa susunan unsur terapung akan mempengaruhi kedudukannya pada halaman. Semakin tinggi susunan unsur terapung, semakin tinggi ia muncul pada halaman. Oleh itu, apabila menggunakan susun atur terapung, anda perlu memberi perhatian kepada susunan elemen untuk mencapai kesan susun atur yang diharapkan.

Ringkasnya, terapung ialah kaedah reka letak yang biasa digunakan dalam CSS Dengan menetapkan kaedah terapung yang berbeza, anda boleh mencapai reka letak berbilang lajur, teks pembalut imej dan kesan lain. Apabila menggunakan susun atur terapung, anda perlu memberi perhatian kepada susunan unsur terapung dan kesan pembersihan terapung pada elemen berikutnya.

Atas ialah kandungan terperinci Apakah kaedah apungan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!