Problem Statement
What is the difference between relative, absolute, fixed, and sticky positioning?
Explanation
Relative: moves the element relative to its normal position.
Absolute: positions the element relative to the nearest positioned ancestor.
Fixed: positions the element relative to the viewport — it doesn’t move when you scroll.
Sticky: acts like relative until you scroll past a point, then it sticks in place.