在学习css3的过程中，发现一些新定义的内容和属性总是一知半解，无法很好的掌握，之后就学习做这个流失布局，发现如果运用好很容易完成比较规律的盒子布局，所以这里分享一下自己做流式布局的过程；
工具/原料
1
电脑
2
Sublime text 2
方法/步骤
1
既然是规律的控制盒子模型，那么大量的 div 是不错的例子应用 元素，初始做的时候，就分为了 大 中 小，由中 div 作为父元素容器，之后控制下面的子元素 div 实现效果；
2
我们先控制 大 div 的样式，完成基础的页面布局，不仅要有效果，一定的美观也是必要的，如图二，就是我们存放和展示 流式布局 的容器；样式代码可以看图一；
3
这里 span 标签单独拿出来是为做标记，三个中 div 中的 小 div 个数不同，以span作为间隔和标记
4
然后我们控制 中 div ，必要的样式就不做解释了；display：flex；将元素作为弹性伸缩盒；flex-flow;伸缩流方向与换行；align-content;多行子项在容器内垂直对齐方式；
5
控制 小 div，高度 height，边框 border，背景色 background-color；关键的 box-sizing：border；（ 感觉就是把宽度和高度设置为相同的数值，但是还有很多细节，大家最好查资料）flex：0 0 25%；（控制该元素的伸缩性）
注意事项
仅作分享；