flex是一维的布局，一次只能处理一个维度上的元素布局，而Grid布局则是二维的。flex布局有一条主轴和一条交叉轴，交叉轴永远与主轴垂直，flexbox的特性是沿着主轴或者交叉轴对齐其中的元素。
如果将一个容器的display属性设置为flex或者inline-flex,则这个容器的所有直系子元素都会变成flex元素，都将有以下行为：
1、元素排列为一行（flex-direction初始值为row）
2、元素从主轴的起始线开始
3、元素不会在主维度上拉伸，但是可以缩小。
4、元素被拉伸来填充交叉轴大小。
5、flex-basis属性为auto
6、flex-wrap为nowrap