🔸nearest positioned ancestor

最近定位父元素╱🚧 under construction -> top, bottom, left, right

CSS ⟩ layout ⟩ position ⟩ nearest positioned ancestor

最靠近定位子元素的 positioned ancestor 稱為「最近定位父元素」 (nearest positioned ancestor)。

  • 定位子元素的 top, bottom, left, right 都是相對於「最近定位父元素」 的邊界來計算。

  • 最上層的「最近定位父元素」 為 <html>。

  • 定位子元素的 top, bottom, left, right 都是相對於 nearest positioned ancestor 的邊界來計算的。

Previouspositioned ancestorNexttop

Last updated

Was this helpful?