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”

Rispondi a DoZ Annulla risposta

Il tuo indirizzo email non sarà pubblicato.

You can add images to your comment by clicking here.