Suggest an editImprove this articleRefine the answer for “What does position: absolute do?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`position: absolute`** completely removes the element from the normal flow and lets you place it using coordinates relative to the nearest positioned ancestor (or relative to the page if there is none). **Key point:** `absolute` removes the element from the flow and positions it precisely by coordinates relative to a positioned container.Shown above the full answer for quick recall.Answer (EN)Image`position: absolute` completely **removes the element from the normal flow** and lets you place it using coordinates (`top`, `right`, `bottom`, `left`) **relative to the nearest positioned ancestor**. If there is no positioned ancestor, the reference point becomes **the whole page (viewport body/html)**. ## Main effects - the element **does not take up space in the flow**: neighboring blocks behave as if it does not exist; - the position can be set precisely using coordinates; - width and height default to fitting the content (like `inline-block`); - the element **overlaps other elements**, participating in stacking (controllable via `z-index`). Example: ```css .parent { position: relative; } .child { position: absolute; top: 20px; left: 30px; } ``` Here, `.child` will be positioned relative to `.parent`. Summary: `absolute` is a mode in which the element is removed from the flow and positioned precisely by coordinates relative to a positioned container.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.