Suggest an editImprove this articleRefine the answer for “What is element positioning in CSS?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**Positioning** in CSS is the mechanism that defines how an element is placed on the page relative to other elements or the browser viewport. It is controlled by the `position` property, which sets the context and the rules for computing coordinates. **Key point:** positioning lets you control an element's exact location, either within the normal flow or outside it, anchored to the page, a parent element, or the viewport.Shown above the full answer for quick recall.Answer (EN)ImagePositioning in CSS is the mechanism that defines **how an element is placed on the page relative to other elements or the browser viewport**. The `position` property controls positioning, setting the context and the rules for computing coordinates. ## Main modes | `position` value | How the element behaves | |---|---| | `static` (default) | In the normal flow, no offset, coordinates do not work | | `relative` | In the flow, but can be shifted relative to its own position | | `absolute` | Removed from the flow, positioned relative to the nearest positioned ancestor | | `fixed` | Removed from the flow, fixed relative to the browser window | | `sticky` | Partially in the flow, "sticks" on scroll once it reaches a given point | Coordinates (`top`, `right`, `bottom`, `left`) only work with `relative`, `absolute`, `fixed`, and `sticky`. **Essentially:** positioning lets you control an element's exact location, either within the normal flow or outside it, anchored to the page, a parent element, or the viewport.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.