posizione A cosa serve?
1. statico (predefinito)
- Gli elementi sono posizionati secondo il normale flusso del documento.
- È il valore iniziale e non influisce sul posizionamento dell'elemento.
- Gli elementi posizionati statici non sono influenzati dalla proprietà position dei loro elementi principali.
2. relativo
- Gli elementi sono posizionati rispetto alla loro posizione normale.
- La posizione dell'elemento viene spostata in base agli offset specificati senza influenzare il layout o la posizione degli altri elementi.
- Gli offset vengono specificati utilizzando le proprietà superiore, destra, inferiore e sinistra.
- Il posizionamento relativo viene comunemente utilizzato per piccole regolazioni di riposizionamento.
3. assoluto
- Gli elementi sono posizionati assolutamente all'interno dell'elemento che li contiene o dell'antenato posizionato più vicino.
- La posizione dell'elemento viene completamente rimossa dal normale flusso di documenti.
- Il posizionamento assoluto viene in genere utilizzato per elementi che richiedono un posizionamento e una stratificazione precisi, ad esempio popup, descrizioni comandi o elementi in sovrapposizione.
4. risolto
- Gli elementi vengono posizionati e fissati rispetto al viewport, mantenendo la loro posizione anche mentre l'utente scorre la pagina.
- Il posizionamento fisso è utile per creare elementi che rimangono visibili e accessibili indipendentemente dalla posizione di scorrimento dell'utente, ad esempio barre di navigazione, barre laterali o annunci mobili.
5. appiccicoso
- Il posizionamento adesivo combina aspetti del posizionamento relativo e fisso.
- Gli elementi si comportano come elementi posizionati relativamente finché non raggiungono un punto di scorrimento specificato. A quel punto, diventano fissi e rimangono bloccati nella finestra finché non cambia la posizione di scorrimento.
- Il posizionamento permanente viene comunemente utilizzato per intestazioni o piè di pagina che rimangono visibili mentre l'utente scorre la pagina, creando un'esperienza di navigazione fissa.
La scelta del metodo di posizionamento appropriato dipende dal comportamento e dal layout desiderati dell'elemento all'interno della pagina web.