今天完成的事情：完成了task7的初稿，用了一点点JS，基本上没用上bootstrap，一些细节还需要修改。
明天计划的事情：修改task7，完善细节部分，查查bootstrap有没有什么用得上的地方。继续学习JS。
遇到的问题：基本上没遇到什么问题，但是看了一点有关网页布局的视频，发现自己仍然是初学者的布局思路。下面会详细讲。
收获：一些JS的基础知识，还有一些布局的知识。

关于网页布局

之前我觉得，在自适应布局中，em,rem设置的一切数据,以及position的相对定位跟绝对定位，太难用了。

因为分辨率产生变化立刻会造成偏移，根本无法控制。

为了保证网页的效果，很多时候时候，我会采用下面这些东西。

margin，display：inline-block，padding，text-align：center，vertrical-align：middle，float，这些属性加上div，再加上擅用百分比这个杀器，至少网页效果看上去很和谐。

但是今天看了网页布局的视频，觉得说得很好。

在布局的时候，先考虑结构html，再考虑样式css，最后考虑事件JS。目的是优化代码结构。（不是减少代码，而是优化结构。代码太少对后期维护来说会很麻烦。）

然后我开始反思自己之前做的任务，是不是也有这些问题。

答案是有，而且很多。我发现自己做的网页中，div很多，不管什么东西，一张图，几个字，甚至是标题，不论什么东西，我的思路都是，先套个div再说。一个不够再套一个，大div里面放小div，小div里面继续放div。

这样的话，结构就会很复杂。

但是怎么使用绝对定位呢？

一点小想法。

<div style="width: 100%;margin: 0 auto;min-width: ？px;max-width: ？px;">（问号自己设置就可以了）

从此没了烦恼，有了依靠，虽然只能用于移动端，但是还是相当好用啊！

每天进步一点点，早晚会有新高度。

对了。task7的成果展示

http://101.200.62.206/task7-1.html