𝗖𝗦𝗦 𝗣𝗼𝘀𝗶𝘁𝗶𝗼𝗻 𝗣𝗿𝗼𝗽𝗲𝗿𝘁𝗶𝗲𝘀
Właściwość position w CSS decyduje o tym, gdzie znajduje się element na stronie. Do jego przesuwania używa się top, right, bottom oraz left.
Istnieje pięć głównych typów pozycjonowania.
Static To ustawienie domyślne. Elementy podążają za normalnym przepływem strony. Użycie właściwości top lub left nie ma tutaj żadnego wpływu.
Relative Przesuwa element względem jego pierwotnego położenia. Jeśli dodasz 20px do top, element przesunie się w dół. Inne elementy pozostają na swoich oryginalnych miejscach i nie wypełniają powstałej luki.
Absolute Usuwa element z normalnego przepływu strony. Pozycjonuje się on względem najbliższego pozycjonowanego przodka.
Inne typy to Fixed i Sticky. Elementy Fixed pozostają w jednym miejscu, nawet podczas przewijania strony. Elementy Sticky zachowują się jak elementy Relative, dopóki nie dotrą do konkretnego punktu, a następnie pozostają w miejscu.
Dowiedz się więcej o tych właściwościach tutaj.
Źródło: https://dev.to/kavin_loyola_660466e5ea96/css-position-properties-23o8