今天完成了什么：

修改任务6bug。

注释分析任务6的样式并把之前的知识点理了一遍。

完成任务总结6；

明天计划：

上手任务7；

了解栅格布局系统；

今天遇到了什么问题：

1.下拉列表框一开始文字没有居中，后来才发现是一开始为了取消滚动条时候加了-17px边距，因此在列表的盒子宽使用了calc去调试才成功居中，也就是一开始盒子过大了。

2.小图标始终没有微调好，花了很多时间以为自己没使用对居中方式，师兄指导后才知道是图片大小问题，总的来说对居中的方法也不是很熟悉，做着做着可能就蒙圈不知道哪个用哪个了。一开始添加了很多没用的居中属性，都是一个个试出来的，明天再了解下吧，这个务必要懂的。

今天收获了什么：

梳理了下前几个任务的知识点， 发现脑图最多的还是绝对定位相对定位和居中使用。这就很尴尬了- -现在写下来心里还是很虚的，还是很不熟，当然对比之前确实懂了些。定位还能配合：hover选择器使用产生浮动下拉框这些效果，刷新css的样式，一开始我只是以为简单的平面定位而已，没想到还能做出悬浮来。

：hover其实就是可以控制鼠标悬浮下的元素隐藏和显示 ，看了下别人写的文章现在更清楚一些这个属性。

需求：当鼠标移动到一个元素A身上时，另外一个元素B显示。 

实现原理：

A元素与B元素有一个相同的父级。

B元素默认隐藏display：none，A元素默认显示 display:block。

当鼠标移动到A元素身上时，也可以看做是移动到了A元素的父级身上。A元素的父级获得一个鼠标的hover状态。

css使用： .father:hover .b { display:block } 的方式，来定义鼠标移动到父级身上时B元素的样式。