𝗖𝗦𝗦 𝗣𝗼𝘀𝗶𝘁𝗶𝗼𝗻 𝗣𝗿𝗼𝗽𝗲𝗿𝘁𝗶𝗲𝘀
The CSS position property decides where an element sits on your page. You use top, right, bottom, and left to move them.
There are five main types of positioning.
Static This is the default setting. Elements follow the normal order of the page. Using top or left properties does nothing here.
Relative This moves an element based on its original spot. If you add 20px to the top, the element moves down. Other elements stay in their original places and do not fill the gap.
Absolute This removes an element from the normal page flow. It positions itself based on its nearest positioned ancestor.
Other types include Fixed and Sticky. Fixed elements stay in one spot even when you scroll. Sticky elements act like relative elements until they hit a specific point, then they stay fixed.
Learn more about these properties here.
Source: https://dev.to/kavin_loyola_660466e5ea96/css-position-properties-23o8