Relative
Position:relative posiziona il blocco in relazione alla posizione originale sulla pagina html, cioè viene spostato, usando sempre le stesse proprietà left, right, top, e bottom.
Questo però lascia traccia (uno spazio vuoto) della posizione originale.
Absolute
Position:absolute fa in modo che il nostro blocco si posizioni “come se fluttuasse” (infatti non lascia traccia – o spazio – della sua posizione effettiva nella pagina/codice html); si possono usare le proprietà left, right, top, e bottom per il posizionamento nella pagina.
L’elemento si posiziona relativamente al primo elemento genitore che ha un position diverso da static (come relative); se non c’è tale elemento, allora viene considerata la pagina.
Fixed
Un elemento con position:fixed si posiziona relativamente alla finestra del browser e non si muove allo scrolling.
Float
Tramite float un box e il suo contenuto vengono spostati di lato, e lo spazio che prima occupavano viene riempito dal contenuto successivo.
Questo parametro può servire nella costruzione di layout a colonne multiple affiancate.
Clear
La proprietà clear indica il comportamento degli elementi seguenti, e può assumere valori left, right, both e none.
approfondimento: http://www.w3schools.com/css/css_positioning.asp
Un bel tutorial che spiega altrettanto bene il posizionamento degli elementi di una pagina web tramite l’uso di CSS:
http://tutorialzine.com/2010/06/microtut-how-css-position-works/