今天完成的事情：今天改了页面一的一些问题，然后还差尾部一个媒体查询没有写，无法做到pc端完全自适应，需要做一个媒体查询.然后今天准备了小课堂，改了一下ppt查了一些资料，题目是清除浮动.

明天计划的事情：明天上午把任务一的媒体查询写了，然后写第三个页面。

遇到的问题：战略合作企业页面的五张图，加上width：20%之后手机端可以适应，但是pc端无法做到完全的自适应，想到了用媒体查询来解决，明天解决.

收获：

清楚浮动的方法：

父级div定义伪类：after和zoom：

原理：IE8以上和非IE浏览器才支持:after，原理和方法2有点类似，zoom(IE转有属性)可解决ie6,ie7浮动问题

优点：浏览器支持好，不容易出现怪问题（目前：大型网站都有使用，如：腾迅，网易，新浪等等）

缺点：代码多，不少初学者不理解原理，要两句代码结合使用，才能让主流浏览器都支持

建议：推荐使用，建议定义公共类，以减少CSS代码

在结尾处添加空div标签clear:both：

原理：添加一个空div，利用css提高的clear:both清除浮动，让父级div能自动获取到高度

优点：简单，代码少，浏览器支持好，不容易出现怪问题

缺点：不少初学者不理解原理；如果页面浮动布局多，就要增加很多空div，让人感觉很不爽

建议：不推荐使用，但此方法是以前主要使用的一种清除浮动方法

禅道：

css-task8

任务开始：6.28

预计结束：7.8

禅道主页：http://task.jnshu.com/zentao/project-task-765.html