la proprietà float, è una delle più importanti per certi tipi di layout, e si applica agli elementi che godono della proprietà display:block, ovvero puoi applicarla per esempio ad un DIV ma non ad uno SPAN.
L'uso dei float in teoria è molto semplice, ma in realtà piuttosto complesso, e l'utilizzo corretto dei float in lay-out a due o tre colonne (magari con margini negativi) è una cosa decisamente difficile.
Float left vuol dire allinea (galleggia) a sinistra, right a destra e none, non galleggiare. C'è inoltre da tenere conto che gli elementi flottanti non sono "inline", cioè non seguono la sequenza dei tag (un po' come quando in word metti un immagine non legata al testo della pagina.
Il clear invece definisce se a fianco dell'elemento flottante puoi avere o meno altri elementi.
Sono abbastanza sicuro che di quello che ho scritto non ci hai capito molto anche perchè non mi riesce di spiegare bene queste proprietà. Come al solito la cosa migliore è fare un po' di pratica e vedere che succede.
Un buon articolo sull'argomento è
questo.
Sono cosi avanti che quando guardo indietro vedo il futuro.