Flexbox 和绝对定位
阅读评论
陈慧静 指出,当你绝对定位一个弹性项目时,它不再是弹性布局的一部分。除了……它有点是。如果你将子元素设置为 position: absolute;
但不应用任何 top/right/bottom/left 属性,那么 flexbox 对齐方式将 仍然应用于它。
看到这个有点奇怪,但它也有一定的道理。当你将 position: absolute;
应用于某些东西(以及其他任何东西)时,它们会保持原位,直到你应用其他定位。看看这个 SVG 图标如何 正好位于这段文字的中间,并在调整大小后甚至与其一起流动,因为它除了不影响任何其他内容之外,没有任何特定的定位指令。