# Position elements with Relative, Absolute, or Sticky
Position controls how an element behaves within its container — following the normal layout, pulled out to sit exactly where you place it, or locked in place while scrolling.
**Best fits for:**
* Freeing one element from a [Stack](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/stack-elements) or [Cell](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/cells-and-grids)'s automatic arrangement to place it manually
* Overlapping elements — like a badge sitting on the corner of a product photo
* Keeping an element visible on screen as visitors scroll past it
## Where to find it
Select the element, then open the Inspector panel > **Design** tab > **Position**.
## Available position options
| Value | What it does |
| ---------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
| Relative | Default. Follows its normal layout — controlled by Auto layout inside a Stack/Cell. |
| [Absolute](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/position-elements-with-relative-absolute-or-sticky#absolute) | Removed from that normal layout entirely. Position it manually using **Inset** (top/right/bottom/left, in px). |
| [Sticky](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/position-elements-with-relative-absolute-or-sticky#sticky) | Stays in its normal layout position, but locks in place on screen once scrolling reaches it. Also uses **Inset** to set the offset it sticks at. |
### Absolute
1. Select the element.
2. Set Position to **Absolute**.
3. Set an Inset value for the edge(s) to anchor it to — leave the others as **auto**.
This is what frees an element from a Stack or Cell's automatic arrangement, or lets two elements overlap.
### Sticky
* Select the element.
* Set Position to **Sticky**.
* Set an Inset value for the edge it should stick to — leave the other sides as auto.
Sticky only takes effect within its immediate parent. If that parent has a fixed height or hides overflow, the element can stop sticking once you scroll past that container's edge.
## FAQs
**What's the difference between Position and Constraints?**
Position controls the element's own behavior — in the normal layout, pulled out freely, or locked while scrolling. Constraints controls how an anchored element's margins recalculate as the screen resizes.
**Does Sticky remove an element from a Stack's Auto layout?**
No — only Absolute does that.
## Related articles
Stack elements
Control element position with constraints
Arrange elements automatically with Auto layout
Edit elements with the Inspector panel