1
HTML/CSSIntermediate#css#position
HTML/CSSIntermediate#css#position
Explain the CSS position property values.
static is the default flow. relative offsets an element from its normal position without affecting siblings. absolute removes it from flow and positions relative to the nearest positioned ancestor. fixed positions relative to the viewport, ignoring scroll. sticky toggles between relative and fixed based on scroll position within its container.
Example
.tooltip {
position: absolute;
top: 100%;
left: 0;
}
.navbar { position: sticky; top: 0; }