We can use different positioning strategies in CSS. It is important you know them all well.
Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026
The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.
Positioning is what makes us determine where elements appear on the screen, and how they appear.
We have the property position which can have one of those 5 values:
staticrelativeabsolutefixedsticky
Let’s see how they work.
Static positioning
This is the default value for an element. Static positioned elements are displayed in the normal page flow.
Lessons in this unit:
| 0: | ▶︎ Introduction |
| 1: | Relative positioning |
| 2: | Absolute positioning |
| 3: | Fixed positioning |
| 4: | Sticky positioning |