Posizionare elementi tramite CSS
Forse potrebbe interessarti anche...
Position:absolute fa in modo che il nostro blocco si posizioni nella pagina “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.
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.
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.
La proprietà clear indica il comportamento degli elementi seguenti, e può assumere valori left, right, both e none.


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/