clearProprietatea este direct legată de flotoare. Dacă elementul se poate potrivi orizontal în spațiul de lângă un alt element care este plutit, va fi. Cu excepția cazului în care aplicați clearla acel element în aceeași direcție ca float. Apoi elementul se va deplasa în jos sub elementul plutit.
Iată un exemplu simplu de aspect construit cu flotante, care ar putea fi problematic pentru subsol:
Dar, ștergând elementul de subsol, aspectul se fixează la locul său:
#footer ( clear: both; )
În acest caz, clar: ambele; a fost folosit pentru a se asigura că subsolul șterge elementele trecute care sunt plutite în ambele direcții. Dar puteți , de asemenea , clar , fie leftsau rightîn cazul în care elementul se va muta mai jos elemente care pluteau această direcție, dar nu și cealaltă.
O modalitate obișnuită de a șterge plutitorul este de a aplica un pseudo-element unui element container care șterge plutitorul. Aflați mai multe despre asta aici.
Suport pentru browser
clearProprietatea funcționează în toate browserele.