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

Cara menggunakan clear dalam css

下次还敢
Lepaskan: 2024-04-26 13:00:24
asal
462 orang telah melayarinya

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

Label berkaitan:
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