Bagaimana untuk mengosongkan kiri dan kanan terapung dalam css

Dalam CSS, anda boleh menggunakan atribut jelas untuk mengosongkan elemen terapung kiri dan kanan Fungsi atribut ini adalah untuk menentukan bahagian mana elemen yang tidak membenarkan elemen terapung yang lain "kedua-duanya", elemen terapung kiri dan kanan akan dikosongkan pada kedua-dua belah elemen Elemen terapung tidak dibenarkan pada kedua-dua belah, iaitu untuk mengosongkan elemen terapung kiri dan kanan, sintaksnya ialah "elemen {clear:both; }".

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Cara mengosongkan terapung kiri dan kanan dalam css

Dalam css, untuk mengosongkan terapung kiri dan kanan, anda perlu melepasi atribut jelas . Atribut jelas menentukan bahagian mana unsur Tiada unsur terapung lain dibenarkan. Atribut

jelas mentakrifkan sisi unsur yang tidak dibenarkan mengandungi unsur terapung. Dalam CSS1 dan CSS2, ini dicapai dengan menambahkan margin atas secara automatik untuk mengosongkan elemen (iaitu, elemen dengan set sifat yang jelas). Dalam CSS2.1, ruang kosong ditambah di atas margin atas elemen, tetapi margin itu sendiri tidak berubah. Tanpa mengira perubahan, keputusan akhir adalah sama Jika ia diisytiharkan sebagai kiri atau kanan jelas, sempadan atas elemen akan berada betul-betul di bawah jidar bawah unsur terapung di sebelah itu.

Antaranya:

Contohnya seperti berikut:

Hasil output:

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk mengosongkan kiri dan kanan terapung dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!