Cosa significa precisamente Clear:both?

[DrakenHeart]

Ciao a tutti.
Chi mi può spiegare, nella maniera più chiara possibile, qual è la funzione "clear:both"?
Ringrazio anticipatamente.
Ciao!

[fcaldera]

Originariamente inviato da DrakenHeart
Ciao a tutti.
Chi mi può spiegare, nella maniera più chiara possibile, qual è la funzione "clear:both"?
Ringrazio anticipatamente.
Ciao!

clear: both si utilizza in presenza di blocchi flottati, ovvero con proprietà float: left o float: right

Quando crei un blocco flottato, l'elemento che lo segue è posizionato di norma affianco ad esso. Utilizzando clear: both all'elemento seguente applichi una sorta di clearing ovvero costringi l'elemento a posizionarsi al di sotto del blocco flottato in quanto dichiari di non voler alcun elemento affiancato (clear) nè a destra nè a sinistra (both).

In realtà un buon clearing richiede anche l'utilizzo di altre proprietà... (fai una ricerca tra le pillole oppure cerca easyclearing su google ad esempio)

[DrakenHeart]

Grazie.