CSS-Flex 弹性布局

Flex

布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于一些特殊布局非常不方便。
Flex布局，由W3C于2009年提出的一种布局方案，flex 可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，可以很安全地使用。
Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。

学习教程

Flex 布局语法：Flex 布局教程：语法篇
Flex 布局实战：Flex 布局教程：实例篇