flex的概念：
该属性用于设置或检索弹性盒模型对象的子元素如何分配空间。 弹性布局 方便使用。 主要用于对div盒子的布局 大小 位置等进行方便灵活使用。 用在父子盒子关系比较多。
flex的简单应用：
首先在html中写好父子盒子
在head标签里写简单的style的css样式 父标签： 需在父标签中加上display属性 三个子标签
效果一：
自动float左浮动。 增加一条 justify-content: center; 自动在中间
效果二：
增加一条 justify-content: space-evenly; 自动在中间有间距对齐 子标签改变大小比列 box1:box2的比例就是 3：1
