This module includes basic positioning utilities to alter the default document flow.
Use positions with caution. They are often unnecessary and commonly misused.
.relative to create a new stacking context.
.absolute to move elements out of the default document flow.
.fixed to position an element relative to the viewport. Fixed positioning is notoriously tricky to use well and can lead to inaccessible content and unwanted side effects. Use fixed positioning with caution.
Note: fixed positioning has been disabled here for demonstration only.
To anchor to a particular side, use
.left-0. Margin and padding utilities can be used to space elements apart.
To fill an entire width or height, use opposing directions.
To ensure the desired stacking order, use z-index utilities.