𝗖𝗦𝗦 𝗣𝗼𝘀𝗶𝘁𝗶𝗼𝗻 𝗣𝗿𝗼𝗽𝗲𝗿𝘁𝗶𝗲𝘀
La proprietà CSS position determina la posizione di un elemento sulla pagina. Si utilizzano top, right, bottom e left per spostarli.
Esistono cinque tipi principali di posizionamento.
Static
Questa è l'impostazione predefinita. Gli elementi seguono l'ordine normale della pagina. L'uso delle proprietà top o left non produce alcun effetto.
Relative
Questo sposta un elemento rispetto alla sua posizione originale. Se aggiungi 20px a top, l'elemento si sposta verso il basso. Gli altri elementi rimangono nelle loro posizioni originali e non colmano il vuoto.
Absolute Questo rimuove un elemento dal normale flusso della pagina. Si posiziona in base al suo antenato posizionato più vicino.
Altri tipi includono Fixed e Sticky. Gli elementi fixed rimangono in un punto fisso anche durante lo scorrimento. Gli elementi sticky si comportano come elementi relative finché non raggiungono un punto specifico, dopodiché rimangono fissi.
Scopri di più su queste proprietà qui.
Fonte: https://dev.to/kavin_loyola_660466e5ea96/css-position-properties-23o8