How does display affect the behavior of positioned elements?

display and position are responsible for different tasks, so display does not control the fact of positioning itself, but it affects how the element behaves before positional offsets are applied and how it participates in the flow, if it stays in it.

---

#1) With position: static (default)

The element fully follows display:

---

#2) With position: relative

The element stays in the flow, so display continues to fully determine its behavior:

• relative + block → a block with an offset
• relative + inline → an inline element with an offset
• relative + flex/grid → a grid container that can be shifted

The offset only affects the visual appearance, but the box type stays the same.

---

#3) With position: absolute and fixed

The element falls out of the flow, so display only affects its "shape," not the surrounding elements.

For example:

Summary: for absolute and fixed, display no longer controls placement among neighbors, only the model of the internal content.

---

#4) With position: sticky

The element stays in the flow (like relative) → display fully applies until the element sticks. After sticking, it visually behaves like fixed, but in the flow it is still accounted for according to the rules of its display.

---

#Short summary

Main idea: display controls the box model and behavior in the flow, while position controls coordinates and falling out of the flow. When an element falls out, display describes only its internal model, not its placement among other elements.