今天完成的事情：我是今天晚上注册的，之前有学习过一点基础的html知识，算是比零基础强那么一点点吧，知道很少的常用html标签和css属性，运用也很不熟练。但是今天做task1的时候发现仅在task1中还有好多自己不会的知识点，例如不会响应式布局，也对百分比高宽不太了解，

明天的计划：尝试其他方式实现响应式布局，彻底掌握task1中的所有内容后，进军task2 ， 。。。 时间不够了 23：59了， 先提交。。。。

遇到的问题：首要问题是不知道怎么编写响应式布局的九宫格页面， 我的解决方案是且写且试且查，先用px单位完成了九宫格页面，之后替换为100%单位，然后 出现的问题是，整个父盒子消失不见了，然后通过f12开发者工具进行调试与试错， 发现百分比的宽度是生效的，而父盒子没有高度， 因为九宫格是自适应的，所以就不能是通过子盒子撑出父亲的高度，所以这个方案被淘汰了。 然后百度关键字“height 100%” ，找到了让height:100% 生效的几个帖子，帖子给出的方案是 给html和body标签加上height:100%，原因是标签的默认高度是auto， 而 aotu*100% 的结果不是一个有效的数字。 

收获： 首先学回了使用百分比方式实现页面的自适应布局，然后在解决问题的过程只用尝试了数种方式，发现了自己对height值 auto与100% 的区别。

auto是随内容的高度而撑开的。100%是根据父级元素的高度来决定的。