Posizionamento degli elementi coi Css

Il posizionamento di elementi all'interno di una pagina web deve seguire uno schema di flusso dei dati, tramite questo flusso gli oggetti trovano posizionamento a partire dal margine sinistro in alto posizionandosi in base al precedente. Grazie alle specifiche dei CSS2 diventa possibile posizionare alcuni elementi in maniera diversa:

- statico: si tratta del posizionamento predefinito dal browser, cioe' quello tradizionale di HTML, per cui ogni elemento e' posizionato in base al flusso di dati del documento;

- assoluto: questo tipo di posizionamento consente di astrarre il CSS dal flusso dei dati, consentendo di posizionarlo in qualsiasi punto della pagina, in modo assolutamente indipendente dagli altri elementi, ma per quanto indipendente, un oggetto posizionato in maniera assoluta dipende dall'elemento che lo contiene.

- relativo: tale posizionamento non esce dal flusso di dati, ne' produce alcuna modifica rispetto agli elementi posizionati in modo statico. Assume caratteristiche proprie del posizionamento dinamico quando vengono impostate le proprietà left e right, che spostano l'elemento a sinistra e in alto di quello che lo precede.

---

Il codice :

Valore: static | absolute | relative | fixed | inherit

.assoluto {
position:absolute;
}
.relativo {
position:relative;
}

---

Esempi: