Apakah maksud clear dalam css

Atribut jelas dalam CSS mengawal hubungan antara elemen dan elemen terapung sebelumnya: tiada: tidak terjejas oleh unsur terapung kiri: kosongkan elemen terapung kiri dan kanan: kosongkan elemen terapung kiri dan kanan;

maksud yang jelas dalam CSS

jelas ialah sifat dalam CSS yang mengawal perhubungan unsur dengan unsur terapung di hadapannya. Apabila elemen terapung, ia terputus daripada aliran dokumen biasa, membenarkan elemen seterusnya mengalir di atasnya. Atribut yang jelas memaksa elemen seterusnya muncul di bawah elemen terapung.

Syntax

<code class="css">clear: none | left | right | both;</code>

Nilai

• tiada: Elemen tidak dipengaruhi oleh elemen terapung sebelumnya.
• kiri: elemen mengosongkan elemen terapung di sebelah kiri.
• kanan: elemen mengosongkan elemen terapung di sebelah kanan.
• kedua-duanya: elemen membersihkan unsur terapung di sebelah kiri dan kanan.

Contoh

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

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

.no-clear {
  clear: none;
}

.left-clear {
  clear: left;
}

.right-clear {
  clear: right;
}

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

Effect

• .no-clear tidak akan mengosongkan elemen terapung sebelumnya, .float-left akan muncul dalam .no-clear. <code>.no-clear 不会清除前面的浮动元素，.float-left 将会出现在 .no-clear 的上方。
• .left-clear 会清除左边的浮动元素，.float-left 将会出现在 .left-clear 的上方。
• .right-clear 会清除右边的浮动元素，.float-left 将会出现在 .right-clear 的下方。
• .both-clear 会清除左右两边的浮动元素，.float-left 将会出现在 .both-clear
.left-clear akan mengosongkan elemen terapung kiri dan .float-left akan muncul di atas .left-clear.

.right-clear akan mengosongkan elemen terapung di sebelah kanan dan .float-left akan muncul di bawah .right-clear. .both-clear akan mengosongkan elemen terapung di kiri dan kanan, dan .float-left akan muncul di bawah .both-clear.

🎜Penggunaan🎜🎜🎜Atribut yang jelas biasanya digunakan untuk mengawal susun atur dan susunan elemen dalam susun atur terapung. Ia memastikan kandungan tidak dilindungi atau dikaburkan oleh unsur terapung. 🎜

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