11.3 flex布局模型与规范规则
弹性格式化上下文FFC示意图
flex容器内部自动新建flex上下文环境Flex Formatting Context，简称FFC。
（1）flex容器与flex子元素不会margin折叠。flex容器会与外部div发生margin折叠。
（2）flex子元素设置float与clear无效。
（3）flex子元素设置vertical-align无效。
（4）每个flex子元素的内部新建BFC（块格式化上下文）。
（5）flex子元素display被自动修改成block级。
（6）绝对定位级别（absolute、fixed）的flex子元素脱离flex布局。
（7）flex子元素之间margin不会折叠。
flex布局与FC。flex容器由外部BFC进行管理，flex子元素由FFC进行管理，flex子元素内部由BFC进行管理。
