Con questa proprietà è possibile rimuovere un elemento dal normale flusso del documento e spostarlo su uno dei lati (destro o sinistro) del suo elemento contenitore. Il contenuto che circonda l'elemento scorrerà intorno ad esso sul lato opposto rispetto a quello indicato come valore di float. La proprietà non è ereditata.

Sintassi

< selettore > { float : < valore > ; }

Valori

left. - L'elemento viene spostato sul lato sinistro del box contenitore, il contenuto scorre a destra.

right. - L'elemento viene spostato sul lato destro, il contenuto scorre a sinistra.

none. - Valore iniziale e di default in mancanza di una dichiarazione esplicita. L'elemento mantiene la sua posizione normale.

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 alcuni esempi della proprietà 'float':
div { width: 200px; float:right; }
img { float: left; }

COMMENTI