Flexbo saysposition controls placement: static, relative, absolute, fixed, or sticky.
static is default flow. relative nudges from the normal spot (and anchors absolute children). absolute removes from flow, positioned against the nearest positioned ancestor. fixed pins to the viewport; sticky scrolls then sticks at a threshold.
Power-ups you unlock
static (default) · relative (nudge + anchor)
absolute (out of flow, vs positioned ancestor)
fixed (pinned) · sticky (scroll then stick)
top/right/bottom/left set offsets
The Float Phantom attacks — common mistakes
absolute without a positioned ancestor (jumps to body)
Overusing absolute and breaking responsive flow
Forgetting sticky needs a threshold (top:0)
Boss battleMake a sticky header (top:0) and an absolutely-positioned badge inside a relative card.