使用flex布局实现上是使元素FFC化( flex formatting context,伸缩格式化上下文),FFC是普通流的一种。
而浮动流和定位流以及CSS其他属性对 FFC 是有影响的,主要表现在以下几点:
float、clear和vertical-align属性在伸缩项目上没有效果 伸缩容器的margin与其内容的margin不会重叠 text-align属性在伸缩容器上没有效果,因为其只可应用于块级block容器 另外,columns属性伸缩容器上没有效果