今天完成的事情：

任务五布局完成，弹性盒子的属性做了一遍笔记，先使用盒子模型做了一次布局，后面改用弹性盒子布局。

明天计划的事情：任务5的深度思考继续看，向任务6进发，继续学习弹性盒子。

遇到的问题：

任务5布局设置下划线的时候，第二行和之后的下划线左右两边有一定的空隙，想着使用border-left和right撑开这个空隙，结果是不行。后面师兄提醒是使用margin-left和right，恍然大悟。

布局到背景的时候，使用的position：relative定位图片因为把屏幕缩小到一定程度会使盒子模型挤开，后续才了解相对定位原位置依然占有体积实际表现，还是在原位置中处于文档流的状态中。

因为不够了解文字的属性，不知道文字的margin属性占用了一定的空间，导致在盒模型中无法与图片处于同一直线，只能使用定位属性进行操控。

布局最下面一行的多文字自适应高度的时候，不设置高度，一开始使用的margin：auto，但是拉大屏幕的时候导致左边的字变形，搜索了弹性布局，了解了关于缩放的属性flex-shrink，当此属性设定为0的时候，无视屏幕是否缩放，保持原来大小，问题解决。

布局两个按钮的时候，首先想到的是position属性，定位到最底部，但想达到按钮的间隔相同，以及两边间隔也相同的时候，给按钮设定具体数值，或者百分比以及百分比间隔，都感觉不是很理想，最后还是使用的弹性盒子justify-content: space-around属性，使两边间隔相同，但是中间间隔却翻倍，最后在按钮的大盒子上加上了左右margin，调了下数值，看起来就相对没那么突兀了。

上传服务器的时候，因为指令git add ..不小心勾选全部把.svn也上传上去了，导致在服务器拉取GIT的时候失败，学会了如何通过本地仓库来删除git上的文件。

定死了上下两行之后导致缩放失去了一些内容，才知道要设定一个同样大小的留白。

居中问题，弹性盒子如何居中得到师兄启发，后续全部改用弹性盒子居中，发现比盒子模型单独设置尺寸进行居中强的太多了。

收获：

弹性盒子初步接触，了解了一些关于弹性盒子的知识，并对于当前的任务5布局起到作用。更为熟悉各种属性的冲突了，也知道如何更好的通过谷歌浏览器经行调试代码了。使用弹性盒子布局有初步经验了。