有人可以解释一下绝对定位的儿童

时间:2017-08-15 20:39:36

标签: css flexbox

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

特别是这一点:

确定弹性容器的绝对定位的子级的静态位置,使得子级被定位为好像它是弹性容器中的唯一弹性项目,假设子级和弹性容器都是固定大小的盒子他们用过的尺寸。为此,align-self:auto的值被视为与start相同。

1 个答案:

答案 0 :(得分:3)

这意味着Flex容器中绝对定位的子项仍应遵循justify-contentalign-itemsalign-content等对齐规则。 但是,它不关心flex容器中的其他子项。

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