布局的传统解决方案，基于，依赖 属性 + 属性 + 属性。它对于那些特殊布局非常不方便，比如，就不容易实现。

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

Flex 布局将成为未来布局的首选方案。本文介绍它的语法，下一篇文章给出常见布局的 Flex 写法。网友 为本文的所有示例制作了 Demo，也可以参考。