flex-direction: column无效的情况

CSS3 设置如下：

display: flex;

flex-direction: column

意思是盒布局，并且该布局内部的子控件排列方式是纵向排列，即从上往下，但有一种情况属于例外，就是子控件的定位是这样的：

position: absolute;

如果A子控件设置了以上属性，那么A不参与排列，BCD依次从顶上排列下来。

来源：CSDN

作者：qugengting

链接：https://blog.csdn.net/qugengting/article/details/83790977