今天完成的事：

       使用fixed时在手机上查看出现的问题，及解决办法。

           在iOS下由于软键盘唤出后，页面的fixed元素会失效，导致使用fixed的内容会跟随一起滚动。

          解决办法：

             使fixed元素的父级元素不出现滚动，将原body的滚动区域移动到main内部，而header和footer的样式不变，

        即：

      更改代码过后发现main元素的内部滚动不流畅，此时在main元素上加上代码

后滑动会恢复流畅，

      关于常见移动端登录header页面的实现方式

          使文本居中：设置行高 line-height等于header页面的高度就会使文本居中，

          使文本分别存在于左、中、右侧：由于header使用了position为fixed的属性，即左右两侧的文本可以使用绝对定位来时现固定，中部的文本只需要在header里面加上text-align：center就可以实现。

以上是关于任务四的深度思考。

 基本完成了任务五的页面，有些细节问题还需要检查。

明天计划的事情：

   向师兄提交任务五，自己检查代码的规范，更改一些细节。

遇到的困难：

  展示人物图像和文字时不能达到预期的效果，最后是用position的父相子绝的方法来处理的

   使相关的文字与图片达到了该有的效果

   在“自我介绍”栏中的左侧文字与介绍内容的居中问题

        使用的是先将两边文本用display：inline-block将文本设置为行内块级元素

       再父相子绝使两侧文本相对固定后将左侧的文本利用

  这段代码使其在包含框高度增加时始终垂直居中，

    右边的则是设置margin的top与bottom使文本居中，再设置行高以达到展示图所表现得效   果。

     还有就是页面构建好之后，由于超过了视窗高度，出现垂直滚动条，使页面宽度超出视窗宽   度，出现了水平滚动条，这个问题暂时用的是

  在body里加入下面的代码

  取消的水平滚动条的出现。

收获：

    根据任务五的页面设计，了解到了的垂直居中的方法，也更加加深了对position的理解。也知道了的一部分应用场景，对relative，absolute，fixed，有了更加深刻的认识，也知道了老大在知乎里面说的要学会用好百度的意思。