css - 有人可以解释一下绝对定位的 Flex 子代吗

Question

我正在阅读 flex 的文档 https://www.w3.org/TR/css-flexbox-1/#abspos-items我希望有人能直观地向我解释一下。

特别是这一点:

一个绝对定位的 flex 容器的子容器的静态位置是这样确定的，即假设子容器和 flex 容器都是固定大小的盒子，就好像它是 flex 容器中唯一的 flex 元素一样定位他们使用的大小。为此，align-self: auto 的值被视为与 start 相同。

Answer 1

这意味着 flex 容器中绝对定位的子元素仍应遵循对齐规则，如 justify-content、align-items 和 align-content。但是，它不会关心 flex 容器中的其他 child 。

另请阅读 https://developers.google.com/web/updates/2016/06/absolute-positioned-children