今天完成的事情：

1.完善任务7的不足之处，比如修改样式，让显示效果和UI图一致，修改写法，使用flew布局。

2.进行深度思考的了解。

明天计划的事情：

1.进行任务8的页面编写。

遇到的问题：

1.样式修改。如投票页面使用了inline-block进行排列，师兄建议用flew布局，去了解了二者的差异并修改代码。图片位置在不同分辨率下变动，这个主要是定位的时候没有考虑好，使用margin，后面直接在外面套个div，让图片对父元素居中，减少兼容的问题。至于单位的问题，感觉写自适应页面使用rem加上媒体查询是在使用纯CSS里较简单的一种，可以其实本质上和vw差不多，而且rem的换算还简单一点。

2.在验收标准里看到样式冲突这个问题，就想了一下，难道是要三个页面共用一个css文件吗，不然怎么会有样式冲突呢。如果要共用css文件就有点麻烦了，毕竟大部分样式都不相同，命名这却有点麻烦。

收获：

1.深入的了解了flew布局，之前只是简单的看了一下属性，今天去看了一下与inline-block的差异，主要是inline-block在元素之间会有间隙，而使用flew则可能很大程度上避免这种情况，减少样式的更改。而且flew布局更为多变灵活，应该尽量使用。两者用起来看上去差不多主要是因为页面是很简单的顺序排列，并且本身元素之间就存在间隙，所以看起来两种写法的效果差不多。但如果遇到负责一点的业务的话可能使用flew会来得轻松一点。

2.对于自适应布局有了一点新的理解，自适应算是响应式的一种，区别在于有没有考虑到更好的显示效果。比如投票页面的布局来说，如果是将盒子固定死，之后依靠媒体查询来改变大小，这样就是自适应。如果用flew盒子或者是display=inline-block让盒子简单的排列下去，在不同分辨率下就会有不一样的显示效果，每行的盒子数量由屏幕宽度而决定，这就是响应式。