Static and Relative Positioning
Understand the default static position and how relative moves elements from their normal place.
The position Property
The position property controls how an element is placed in the document flow. The five values are: static, relative, absolute, fixed, and sticky.
position: static (Default)
Every element defaults to position: static. Static elements follow the normal document flow — block elements stack vertically, inline elements flow left to right. The offset properties (top, right, bottom, left) have no effect.
All lessons in this course
- Static and Relative Positioning
- Absolute Positioning and Containing Block
- Fixed and Sticky Positioning
- Z-index and Stacking Context