今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

完成了任务四的静态网页。js我等搞完css再写吧……想先看一下bootstrap的内容。

页面如下：

明天计划的事情：（一定要写非常细致的内容） 

根据任务四是否需要更改的情况学习任务5的内容

遇到的问题：（遇到什么困难，怎么解决的） 

1.问题：给第一张图片加上absolute属性而input没有时，会自动换行。

  解决：给两个都加上absolute属性，并且设置input的z-index为1，保证能够进行点击。

2.问题：设计稿的尺寸是720X1080，但是看官网的图在宽度是320px的时候也很小。

   解决：把所有的尺寸变成rem，先初始按照625%进行计算，整体做完之后打到320px的宽度手动缩放百分比，看哪一个比较合适。

   依旧疑问的点：每次都需要这么做吗？还是有什么其他的方法？

3.问题：给input加上color属性placeholder没有变色。

   解决：通过搜索知道必须使用

input::-webkit-input-placeholder { /* WebKit browsers */
    color: #eaedee;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #eaedee;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #eaedee;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #eaedee;
}

才行。

4.问题：缩小的时候会出现的情况。

   解决：原因是input栏的尺寸设置成了100%，太大了。这一条并不是input的长度布满全部，而是上层div的长度布满全部。

收获：（通过今天的学习，学到了什么知识）

1.使用了很多绝对定位的东西。

2.对于input的宽度有了进一步的了解。