Flex布局（一）

链接地址：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

Flex部分均参考了阮一峰的网络日志，感觉他的很多基础入门知识讲的非常好，总结的也很详细。

2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。

Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。

任何一个容器都可以指定为 Flex 布局。

.box{display:flex;}

行内元素也可以使用 Flex 布局。

.box{display:inline-flex;}

注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。