今天完成的事情：修改任务四代码，解决问题并重新提交。

明天计划的事情：继续学习基础知识。

遇到的问题：

任务4出现横向滚动轴，表单部分为设置宽度，其中子标签设置width:100%；不能完全填满占满页面，登录部分设置width:100%时出现横向滚动轴，直接在body中设置overflow-x:hidden，也可解决问题。

收获：

        1.对于input有了更深入的了解，例如type:password  name:password是密码格式，用于隐藏密码border:none用于隐藏宽边框，outline:medium用于隐藏轮廓，maxlength用于限制用户名或密码的输入数量限制，placeholder是占位符，用于设置提示语。

      2.知道了text-decoration:none可以用于去除a标签自带的下划线属性.前的代码杂乱，父标签、子标签之间排序嵌套也有问题，横向滚动轴的出现也有这方面的原因。

      3. 知道了页面头部的框架可以直接用<header>元素定义，可以直接给予<header>元素css属性，这样就不用煞费苦心的想盒子命名了啊，同理还有页面尾部的<fooder>元素。

     4. 了解了文档流（normal flow）的写法

    其实normal flow是最基础简单的写法，在做任务的时候明明可以用文档流简单完成，却偏偏使用div和相对定位去解决，浪费了大量的时间和代码空间，而且文档整体在手机自适应的时候容易崩塌。