陈慧静 指出，当您将 Flex 项目绝对定位时，它将不再是 Flex 布局的一部分。不过……它多少还是有一点关系。如果您将子元素设置为 position: absolute; 但不应用任何 top/right/bottom/left 属性，那么 Flexbox 对齐方式将 仍然应用于它。
看到这种情况很奇怪，但它也有一定的道理。当您将 position: absolute; 应用于某些元素（以及其他任何内容）时，它们基本上会保持原位，直到您应用其他定位。查看此 SVG 图标如何 正好位于此段落的中间，甚至在调整大小时与其一起流动，因为它除了不影响其他任何内容之外，没有任何特定的定位说明。
您好！
问题：我可以在所有浏览器中依赖此行为吗？
父元素：(display flex; justify-content:center; align-items: center)。
子元素：(position: absolute; z-index:various;). 很好地居中，但我可以独立地为它们设置动画而不会破坏页面流程。
谢谢，
Sonya
嗯……如果子元素具有动态内容/高度会怎样？例如，如果我删除 CodePen 中的固定高度：300px，则父元素不会移动并且会折叠为 0。我还没有找到任何 CSS 解决方案来让父元素围绕子元素进行弹性伸缩。
嗨，朋友们。我有一个问题。我有一个 div，它具有绝对位置和 flex 显示以及最大宽度 700 px，可以吧？现在我想让这个 div 位于页面中心并具有响应性。我该怎么做？
我发现如果将所有内容都设置为 0，它可以准确地工作。
(top:0,right:0,bottom:0,left:0)