La proprietà clear serve a impedire che al fianco di un elemento compaiano altri elementi con il float. Si applica solo agli elementi blocco e non è ereditata. L'origine di tale proprietà è questa: visto che il float sposta un elemento dal flusso normale del documento, è possibile che esso venga a trovarsi in posizioni non desiderate, magari al fianco di altri elementi che vogliamo invece tenere separati. clear risolve questo problema.

Sintassi

< selettore > { clear : < valore > ; }

Valori

none. - Gli elementi con float possono stare a destra e sinistra dell'elemento.

left. - Si impedisce il posizionamento a sinistra.

right. - Si impedisce il posizionamento a destra.

both. - Si impedisce il posizionamento su entrambi i lati.

Una nota importantissima. Se usate il float con le immagini non avete problemi perchè esse hanno una dimensione intrinseca che il browser riconosce. Ma se lo applicate ad altri elementi dovete esplicitamente impostare una dimensione orizzontale con la proprietà width.

Ecco un esempio della proprietà 'clear':

COMMENTI