今天完成的事：1.完成任务十二第二个页面。进一步了解less语法，现在感觉less的用处没有想象的好，有时候感觉也挺麻烦的，减少不了多少代码。。。

2.对z-index有新的看法。

明天计划的事情：重构7-1,7-2.

遇到的困难：再一次做task6.html的时候首页和footer的宽度设为100%，但首页和footer的宽度超过原屏幕宽度，主体内容宽度等于屏幕宽度。后来才发现原来中间内容有个后代标签的宽度超出屏幕宽度，导致出现横向滚动条。

   首页设置position:fixed;内容如果也脱离文档流之后，滑动竖向滚动条就会出现内容在首页的上方。后来发现可以对首页设置z-index:1;来消除这一影响。

收获的知识：

1. 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。

2. 对于同级元素，position不为static且z-index存在的情况下z-index大的元素会覆盖z-index小的元素，即z-index越大优先级越高。

3. IE6/7下position不为static，且z-index不存在时z-index为0，除此之外的浏览器z-index为auto。

4. z-index为auto的元素不参与层级关系的比较，由向上遍历至此且z-index不为auto的元素来参与比较。

https://fengcol.github.io/start-a-project/task11/task11.html

https://fengcol.github.io/start-a-project/task12/task12.html

https://fengcol.github.io/start-a-project/task12/task12-1.html