---
description: ╱🚧 under construction -> top, bottom, left, right
---

# positioned ancestor

[CSS](../..) ⟩ [layout](..) ⟩ [position]() ⟩ positioned ancestor

{% hint style="info" %}
<mark style="color:purple;">**positioned ancestor**</mark>

* 當元素的 <mark style="color:blue;">`position`</mark> 設定為 <mark style="color:blue;">`relative`</mark> 或 <mark style="color:blue;">`absolute`</mark> 時，會被它的<mark style="color:orange;">子元素</mark>視為「<mark style="color:yellow;">定位父元素</mark>」 (<mark style="color:purple;">**positioned ancestor**</mark>)。
* <mark style="color:yellow;">最靠近</mark><mark style="color:orange;">定位子元素</mark><mark style="color:yellow;">的</mark>「<mark style="color:yellow;">定位父元素</mark>」稱為「[最近定位父元素](nearest-positioned-ancestor)」。
{% endhint %}
