Working with Positions

Sticky

This is an example of an element with a sticky position. Its position is based on the user's scroll position.

Relative

This is an example of an element with a relative position. It can move around a little, depending on the viewport, but it is in a position relative to itself.

Fixed

This is an example of an element with a fixed position. Its position is relative to the viewport.

Absolute

This is an example of an element with an absolute position. It is similar to the fixed position; however, it is positioned relative to the closest parent element.