Relative
, Absolute
, Fixed
, or Sticky
); if none exist, they default to Body.div
to position: Relative
before applying Absolute
to the child.When setting position: Absolute for a div
inside another div
in Webflow, the absolute element may anchor to the Body instead of the intended parent because Webflow requires the parent to have position: Relative (or Absolute, Fixed, or Sticky) to act as a positioning context. Clicking the "Body" link near the target icon doesn't change the positioning context if the immediate parent lacks a defined position.
position: Relative
, Absolute
, Fixed
, or Sticky
).div
positions itself relative to its actual parent, set the parent’s position to Relative before applying position: Absolute to the child.div
and set position: Relative in the Style panel.div
has position: Absolute (now it will be positioned relative to the div
with position: Relative
).div
moves inside its immediate parent instead of anchoring to the Body.When using position: Absolute, the element aligns to the nearest positioned ancestor—or Body if no positioned ancestor exists. To prevent this, manually set position: Relative on the intended parent. The "Body" link in the target indicator panel displays the current positioning context but does not alter the element hierarchy.