忙到这个时候写日报，也是前无古人了，不过说实话，真的学的挺多的。

1.图片1 定好位之后，后面的文字解读总是跑到下面一行来。

   解决方法：把图片和文字分成两个部分，用两个position属性是absolute来解决，left、top纷纷填好，就可以完成布局了。

2.整个页面都完成好，表面上好像没有什么问题，检查时发现：最底下的两个button缩放时不在一行，如图：

    最后查资料发现我的代码有误，我是把两个button设计成块元素，一个float:left，一个float:right，这样其实他们是本来就不在一条线上面。

    解决方法是：display:flex; position:fixed; align-content:center;

    然后就正常了

还学到了一些东西：

让元素紧贴边缘。

还用到了flex任何一个容器都可以指定为 Flex 布局。

display: flex;

flex-direction    设置主轴对齐方式  默认 row  x轴从左到右；

flex-wrap   子元素换行的方式  默认nowrap ；

flex-flow   flex-direction和flex-wrap的简写 默认row nowrap；

justify-content  子元素的对齐方式  默认flex-start  左对齐align-items   align-content

  1、flex-direction 决定主轴的对齐方向，分别有四个属性：  

     row（默认值）：主轴为水平方向，起点在左端。

   row-reverse：主轴为水平方向，起点在右端。

column：主轴为垂直方向，起点在上沿

。column-reverse：主轴为垂直方向，起点在下沿。

今天完成的事情：任务5

明天计划的事情：深入学习flex，了解雪碧图，布局任务6

遇到的问题和收获基本如上所述。