Apakah peranan clear dalam css

Atribut jelas dalam CSS digunakan untuk mengosongkan kesan unsur terapung pada elemen seterusnya dan memastikan elemen seterusnya disusun secara normal. Atribut clear mempunyai 4 nilai: tiada: jangan clear floats left: clear left floats right: clear right floats both: clear left and right floats

Peranan clear dalam CSS

dalam reka letak CSS , atribut yang jelas digunakan untuk membersihkan kesan unsur terapung pada unsur seterusnya. Elemen terapung akan menjejaskan kedudukan elemen seterusnya menyebabkan elemen seterusnya tidak tersusun secara normal.

Apungan jelas

Atribut jelas mempunyai nilai berikut:

• tiada: Tidak membersihkan sebarang terapung.
• kiri: Kosongkan unsur terapung di sebelah kiri.
• kanan: Kosongkan elemen terapung di sebelah kanan.
• kedua-duanya: Elemen terapung jelas di bahagian kiri dan kanan.

Senario penggunaan

Apabila anda memerlukan elemen berikutnya untuk disusun secara normal di bawah elemen terapung, anda boleh menggunakan atribut yang jelas. Contohnya:

<code class="css">.container {
  width: 100%;
}

.float-left {
  float: left;
  width: 50%;
}

.clear {
  clear: both;
}</code>

Dalam contoh ini, elemen .float-left terapung di sebelah kiri, dan elemen .clear membersihkan pengaruh unsur terapung melalui clear: kedua-duanya, supaya elemen seterusnya boleh disusun secara normal.

Contoh

Gambar di bawah adalah contoh penggunaan atribut jelas:

[Gambar menunjukkan dua elemen, elemen kiri terapung, elemen kanan menggunakan jelas: kedua-duanya]

Elemen kanan menggunakan jelas : kedua-duanya

[Gambar menunjukkan bahawa unsur terapung dibersihkan dan unsur-unsur di sebelah kanan disusun secara normal]

Atas ialah kandungan terperinci Apakah peranan clear dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!