默认子元素按行排列
Flexbox 布局是一维布局方式，要么按行排列，要么按列排列。
align-items 控制交叉轴， justify-content 控制主轴,始终不变。
flex-basis是用来设置 main size 的。使用 flex-basis，可以同时管理行模式下的宽度和列模式下的高度。
此时 width 失效，但是可以用 min-width 限制
在列模式下，设置高度
flex 容器在有剩余空间的时候，子元素占据剩余空间的占比。适合一些浮动的布局。
超过边界自动换行
在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图。
