The clearproperti secara langsung berkaitan dengan mengapung. Jika elemen dapat ditempatkan secara horizontal di samping elemen lain yang diapungkan, itu akan. Kecuali jika Anda menerapkan clearelemen tersebut ke arah yang sama dengan float. Kemudian elemen tersebut akan turun di bawah elemen mengambang.
Berikut adalah contoh sederhana tata letak yang dibuat dengan pelampung, yang bisa menjadi masalah bagi footer:
Namun dengan menghapus elemen footer, tata letak akan terpasang pada tempatnya:
#footer ( clear: both; )
Dalam hal ini, jelas: keduanya; digunakan untuk memastikan footer membersihkan elemen masa lalu yang melayang di kedua arah. Tetapi Anda juga dapat menghapus salah satu leftatau rightdalam hal ini elemen akan bergerak di bawah elemen yang diapungkan ke arah itu, tetapi tidak ke yang lain.
Cara umum untuk membersihkan float adalah dengan menerapkan elemen semu ke elemen container yang membersihkan float. Pelajari lebih lanjut tentang itu di sini.
Dukungan Browser
The clearproperti bekerja di semua browser.