Positioning: relative absolute fixed sticky
Pull elements out of normal flow with position values to overlay content, fix headers, and create sticky sidebars.
Normal Document Flow
By default, elements follow normal document flow: block elements stack vertically, inline elements flow horizontally within text. The position property lets you step outside this flow for overlays, fixed headers, and tooltips.
position: static (Default)
Every element starts with position: static. This means it's positioned by normal document flow. The top, right, bottom, and left properties have no effect on static elements.
All lessons in this course
- Selectors and the Cascade
- Colors Typography and the Box Model
- Display: block inline flex grid basics
- Positioning: relative absolute fixed sticky