Apakah maksud clear dalam css

下次还敢
Lepaskan: 2024-04-28 15:54:15
asal
635 orang telah melayarinya

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;

Apakah maksud clear dalam css

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!