今天完成的事情：

1、把task8又重新撸了一遍，改成自适应，研究了一遍翻转效果，给task8加上翻转效果。

http://119.10.57.69/ptt06/task8.html

明天计划的事情：

1、先把task9的写一下，抽空回头把task7的改成自适应。

2、看看轮播图。

遇到的问题：

1、同一行2列式布局，设置边框溢出，要用box-sizing属性，刚开始我电脑里的sublime不支持。。后来换个版本就OK了。

2、2列式布局加了浮动如何让2边容器的高度相等（用百分比去设置）。。这个好难把握，最后还是设固定固定高度来分配。

收获：

1、搞明白了用CSS实现翻转效果的原理，在此基础上触类旁通，对轮播图也有一些新的理解。

2、关于设置边距和宽度用百分比值的计算，

1）当父容器设置绝对定位后，子元素的边距百分比值以父元素的宽度为基数。（当父容器设置绝对定位以后，容器的高度和宽度由子元素决定，还有一种情况就是单独给父容器设置固定像素的高度和宽度。）

2）在一个父元素里，给子元素设置绝对定位，绝对定位的偏移值使用百分比的时候，上下方向以父元素的高度为基数，左右方向父元素的宽度（width+padding+margin（如果有外边距））为基数。

3、如果要给子元素使用定位，一般都要给父元素设置高度。

4、一个容器实际占据的宽度为width+左右padding+左右margin的总和，子元素的百分比边距是以width（不包括padding值）为基数算的。还有比较多的情况，只能说百分比值的计算情况比较多，但是弄清楚这一点也很重要，毕竟响应式也是在自适应的基础上实现。

5、学会用box-sizing属性，css3里还是有很多比较实用的样式，有空要多研究一下。