Positioning: static, fixed, relative, absolute e sticky
Il tutorial spiega le diverse modalità di posizionamento degli elementi in CSS3: static, relative, absolute, fixed e sticky.
Position static è la posizione di default, mentre position relative permette di spostare l’elemento rispetto alla sua posizione originale.
Position absolute posiziona l’elemento in relazione al suo contenitore parent, che può essere modificato utilizzando position relative.
Position fixed fissa l’elemento rispetto al viewport, quindi l’elemento rimane fisso anche durante lo scrolling.
Position sticky combina il comportamento di relative e fixed, mantenendo l’elemento relativo fino a quando non viene raggiunta una certa posizione durante lo scroll, momento in cui diventa fixed.