布局总结

1.总体高度一定，左右定宽，实现中间自适应

方法：利用flex布局

flex-direction属性决定主轴的方向，默认row（默认值）：主轴为水平方向，起点在左端

flex-wrap属性默认情况下，项目都排在一条线（又称”轴线”）上。nowrap（默认）：不换行。

justify-content属性定义了项目在主轴上的对齐方式。flex-start（默认值）：左对齐

align-items属性定义项目在交叉轴上如何对齐。stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。