← Back to Menu

Positioning Demystified

See how the position property affects element placement in the document flow.

Set Position:

Static Positioning

The element sits in the normal document flow. top, right, bottom, left, and z-index properties have no effect.

Scroll down to see effects of Sticky and Fixed positioning ↓

Box 1
Box 2
Target Box
Box 3
Box 4
Scroll past me...
Box 5
Keep scrolling...
Box 6