CSS Position

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 pensiero su “CSS Position”

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.

Ricevi un avviso se ci sono nuovi commenti. Oppure iscriviti senza commentare.

You can add images to your comment by clicking here.