La clearproprietà è direttamente correlata ai galleggianti. Se l'elemento può adattarsi orizzontalmente nello spazio accanto a un altro elemento flottato, lo farà. A meno che non si applichi cleara quell'elemento nella stessa direzione del float. Quindi l'elemento si sposterà in basso sotto l'elemento flottato.
Ecco un semplice esempio di layout costruito con float, che potrebbe essere problematico per il piè di pagina:
Ma cancellando l'elemento piè di pagina, il layout scatta in posizione:
#footer ( clear: both; )
In questo caso, chiarisci: entrambi; è stato utilizzato per garantire che il piè di pagina cancelli gli elementi passati che sono flottati in entrambe le direzioni. Ma puoi anche cancellare l'uno lefto l'altro, o rightin tal caso l'elemento si muoverà sotto gli elementi che sono flottati in quella direzione, ma non nell'altra.
Un modo comune per cancellare i float è applicare uno pseudo-elemento a un elemento contenitore che cancella il float. Scopri di più su questo qui.
Supporto browser
La clearproprietà funziona in tutti i browser.