The Web: HTML & CSS
📐 CSS: display, flow and positioning
Normal flow with display, the position system (relative, absolute, fixed, sticky) and stacking contexts with z-index.
What you'll learn
- Control the normal flow of boxes with
display(block,inline,inline-block,none) - Position elements with
position(relative,absolute,fixed,sticky) and the offsetstop/right/bottom/left - Manage element overlap with
z-indexand its stacking contexts
Lessons
display and the normal flowblock, inline, inline-block and none: how boxes flow. The position propertystatic, relative, absolute, fixed and sticky with top/right/bottom/left. z-index and stacking contextsControl which element stays in front when they overlap.Practice this module in the app
DevPath is a hands-on course: you read the theory here; in the app you put it into practice with exercises that really run, offline.
Start free in the app →