html - "position: relative"到底是什么意思？

Question

w3.org/TR/CSS2 says :

For other elements, if the element's position is 'relative' or 'static', the containing block is formed by the content edge of the nearest block container ancestor box.

这是什么意思？我将其解读为 position: relative 不会影响元素本身，但实际上会影响其父元素 - 包含 block 。

那么，要更改 包含 block 的 CSS，我是否必须将 position 应用于其子 block ？

是不是很奇怪？当您将 position: relative 应用于父级，并将 position: absolute 应用于其某些子级时，存在一种模式，以使绝对定位的子级与父级绑定(bind)。

Answer 1

...actually affects its parent - the containing block.

重点

... if the element's position is 'relative' or 'static', the containing block is formed by the content edge of the nearest block container ancestor box.

是为了说明它的parent不一定是它的包含 block 。

最值得注意的是，如果它是position:relative 并且它的父级是display:inline，那么它的父级不是它的包含 block ，但取而代之的是 DOM 树更上层的元素。