Fixed
fixed uses position:fixed to place elements on the corners of the current stacking context (usually the viewport).
Fixed position made easy
Use fixed and you’ll get an element with fixed position on that side or corner.
<div class="fixed-topleft"> Top left </div><!-- ... other positions ... -->TopLeft
Top
TopRight
Left
Right
BottomRight
Bottom
BottomLeft
Supports full-width and full-height fixed positions
Instead of specifying a corner, you just specify a side with fixed-*.
Top
Bottom
Left
Right
Centering and Overlays made easy as well
Just use fixed-center or fixed-overlay to get these two layouts. Is there anything easier than this?
Center