Jelas - Trik CSS

Anonim

Tempat clearpenginapan ini berkaitan langsung dengan apungan. Sekiranya elemen itu boleh dipasang secara mendatar di ruang bersebelahan dengan elemen lain yang terapung, ia akan berlaku. Kecuali anda menggunakan clearelemen itu dalam arah yang sama dengan apungan. Kemudian elemen akan bergerak ke bawah di bawah elemen terapung.

Berikut adalah contoh ringkas susun atur yang dibina dengan apungan, yang boleh menjadi masalah pada kaki bawah:

Tetapi dengan membersihkan elemen footer, susun atur terpasang di tempatnya:

#footer ( clear: both; )

Dalam kes ini, jelas: kedua-duanya; digunakan untuk memastikan footer membersihkan elemen lalu yang melayang ke kedua arah. Tetapi anda juga boleh membersihkan sama ada leftatau rightdalam hal ini elemen akan bergerak di bawah elemen yang dilayang ke arah itu, tetapi tidak yang lain.

Cara biasa untuk membersihkan pelampung adalah dengan menerapkan elemen pseudo pada elemen kontena yang membersihkan pelampung. Ketahui lebih lanjut mengenai perkara itu di sini.

Sokongan Penyemak Imbas

Tempat clearini berfungsi di semua penyemak imbas.