Flex布局实战（二）：网格 \ 圣杯 \ 输入框 \ 悬挂式 \ 固定底栏 \ 流式布局

参考：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 下面代码可能会比较多，但核心CSS代码已经用 /**/ 的标记标出，直接看核心代码就好。 一、网格布局 1、基本网格布局 最简单的网格布局，就是平均分布。在容器里面平均分配空间即可（flex:1） 注：flex:1 等价于 flex: 1 1 0%; flex: 1 1 0%;

>>阅读原文<<