今天完成的事情：做的有点慢，任务五我又从新来了一次，还是有错误。相对定位用的有问题

明天计划的事情：修改提交任务五，开始任务六。

遇到的问题：相对定位没有脱离文本流？然后做中间本分的时候，左右溢出了，修改了半天。还有就是绝对定位的垂直问题，我还只是会line-height。弹性布局还没有用，觉得自己问题还是有很多。

收获：用红色的背景颜色方便看出自己哪里还有瑕疵。头部的还回键我用的浮动，浮动优先于定位？ 还是想帮任务五好好再用弹性布局做一遍，但是任务进度太慢了。理解的不透彻，用不上来，写的代码到处都是bug。今天的收获大概这么多， 东西也看了很多。准备拆开再做一遍。加油

justify-content属性定义了项目在主轴上的对齐方式。

flex-start（默认值）：左对齐  

flex-end：右对齐

center： 居中

space-between：两端对齐，项目之间的间隔都相等。

space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。

align-items属性定义项目在交叉轴上如何对齐。

flex-start：交叉轴的起点对齐。

flex-end：交叉轴的终点对齐。

center：交叉轴的中点对齐。

baseline: 项目的第一行文字的基线对齐。

stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。

align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用。

flex-start：与交叉轴的起点对齐。

flex-end：与交叉轴的终点对齐。

center：与交叉轴的中点对齐。

space-between：与交叉轴两端对齐，轴线之间的间隔平均分布。

space-around：每根轴线两侧的间隔都相等。所以，轴线之间的间隔比轴线与边框的间隔大一倍。

stretch（默认值）：轴线占满整个交叉轴。