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.

Lascia un commento