# Flexbox时代已经到来
为何说Flexbox时代已经到来呢?
我们可以想想,在之前传统的布局过程中,我们是基于盒模型基于浮动或者定位来布局,那这些布局的缺陷就是调试麻烦,针对一些特殊布局不容易实现,像比较经典的垂直居。那我们所说的网页布局也是我们CSS的重点应用。
![](https://box.kancloud.cn/086ef529ca70620ce68d6dcf07441ec0_403x352.png)
在2009年,W3C提出了一种新的解决方案,就是Flex布局,可以简便、完整、响应式地实现各种页面布局。目前它已经得到了所有浏览器的支持,所以现在我们可以放心大胆的来使用。可以看下这是[caniuse](http://caniuse.com/#search=flexbox)上的查询结果:
![](https://box.kancloud.cn/427f6cb2e4057d8994f76230e2959e07_668x574.png)
那未来的布局,不论是移动端还是PC端,Flex布局将成为主流。
![](https://box.kancloud.cn/1d8827c335c3b488c1176657ce1dbbd3_700x368.png)
以下是Flexbox相关的一些素材,可以学习的时候作为参考:
* [Specification](http://www.w3.org/TR/css3-flexbox/) [w3.org]--ref
* [Flexbox CSS generator](http://bennettfeely.com/flexplorer/) [bennettfeely.com] --tool
* [A Complete Guide to Flexbox](http://css-tricks.com/snippets/css/a-guide-to-flexbox/) [css-tricks.com]--info
* [Examples on how to solve common layout problems with flexbox](http://philipwalton.github.io/solved-by-flexbox/) [philipwalton.github.io] --info
* [Flexbox playground and code generator](http://the-echoplex.net/flexyboxes/)[the-echoplex.net]--tool
让我们一起领略Flexbox的魅力吧~~