FFCFFC的全称是“FlexFormattingContexts”，翻译过来就是“弹性格式化上下文”。FFC生成条件显示属性值设置为“flex”或“inline-flex”的容器。FFC布局规则FFC的布局规则在CSS中有详细的定义。FFC是怎么布局的，看看阮一峰的这篇文章就知道了：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html除了这篇文章，还要额外注意：在FFC布局，float、clear、vertical-align属性不会生效。GFCGFC的全称“GridLayoutFormattingContexts”翻译过来就是“块级格式化上下文”。GFC产生条件显示属性值设置为“grid”或“inline-grid”容器GFC布局规则GFC布局规则在CSS中也有详细定义，详细说明可参见MDN，https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout。让我们通过几个例子来了解GFCClassic页面网格布局的妙用。经线{高度：100%；显示：网格；网格模板列：200px计算（100%-205px）；网格模板行：100pxcalc(100%-170px)60px；grid-gap:5px;}.warpdiv{border:1pxsolidaquamarine;}.warp.g-1{网格列开始：1;网格列端：3；}.warp.g-4{网格列开始：1;网格列端：3；
