flexbox布局（弹性盒子的一些理解和测试）

flexbox布局主要是为了解决当容器中的子元素大小未知或者动态变化情况下（页面改变大小、方向、拉伸收缩等），传统的布局缺乏灵活性，flexbox布局能更有效的解决。

传统布局主要基于垂直的块block或者基于水平的内联inline，而flexbox布局和方向无关，它可以使父元素能够调节子元素的宽度和高度，能够放大子元素使之尽可能填充可用空间，也可以收缩子元素使之不溢出。去适应不同的显示设备和屏幕尺寸。