Rumah >hujung hadapan web >tutorial css >Cara menggunakan clear dalam css

Cara menggunakan clear dalam css

下次还敢
下次还敢asal
2024-04-26 13:00:24465semak imbas

Atribut

clear membolehkan elemen keluar dari aliran apungan, iaitu kosongkan apungan Penggunaannya adalah seperti berikut: kiri: kosongkan elemen terapung kiri kanan: kosongkan elemen terapung kanan kedua-duanya: kosongkan semua elemen terapung

. .

Cara menggunakan clear dalam css

Cara menggunakan

clear attribute mempunyai dua nilai utama:

kiri:

Kosongkan elemen terapung di sebelah kiri elemen.

kanan: Kosongkan elemen terapung di sebelah kanan elemen.

Contoh aplikasi
  • <code class="css">/* 清除左侧的浮动元素 */
    .container {
      clear: left;
    }
    
    /* 清除右侧的浮动元素 */
    .container {
      clear: right;
    }
    
    /* 清除所有浮动元素 */
    .container {
      clear: both;
    }</code>
    Bila hendak digunakan
  • Atribut jelas biasanya digunakan dalam situasi berikut:
Apabila elemen terapung menyebabkan teks atau kandungan lain dibalut

Apabila anda ingin meletakkan elemen di sebelah elemen terapung.

Apabila anda ingin mengosongkan berbilang lajur unsur terapung.

Nota

  • sifat jelas hanya mempengaruhi kedudukan unsur semasa dan keturunannya.
  • Atribut yang jelas tidak digunakan pada elemen peringkat blok kerana ia tidak terapung.
  • Jika elemen induk bagi elemen mempunyai set atribut apungan, elemen tersebut tidak boleh menggunakan atribut jelas. Dalam kes ini, elemen induk mesti dibersihkan daripada terapung terlebih dahulu.

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

Kenyataan:
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