今天完成的事情：上午完成任务9第二张响应式布局的调整，并开始第三张响应式布局的调整，下午过半时完成，紧接着修改任务6，任务6的问题和以前一样，在大分辨率下，文字和布局都没有跟着变化，还是那么小，打算还是用媒体查询的办法解决，到写日志时，已经修改一半多，明天继续！

明天计划的事情：这两天先对任务6和任务7进行调整后上交专职师兄审核，再进行下一步的任务！

遇到的问题：

  首先是昨天任务9第二张最后提到的问题，今早进行了解决，原因是图片旁的文字是浮动的，脱离了文本的束缚，因此尝试调整，使用了clear：both；但是没起作用，后来在网上找了一个方法，是对下边受影响变化的文字，设置overflow：hidden，正常显示了。

 其次，第三张的主要问题和上边提到的部分差不多，也是图片旁右侧文字变化的问题，但因为和第二张设计的不一样，是两个盒子并排的，底框线也不用考虑是否一致，就对文本部分设置了height：100%，让其自动向下，只是宽度的调整费了些功夫，得让文字的布局撑到网格系统变化的那个分辨率时，尤其是将变未变的时候，998px或者768px，这俩个分辨率下是反复查看其效果，还有小于500px，以及320px时是否正常，也是反复在调整。

 再次就是任务6，以前顶部的按钮是直接用父元素相对定位和子元素绝对定位完成的，但是代码太多，想试试别的，网上的方法试了几个，感觉理想的也就前边提到的这个和父元素table，子元素table-cell的方法，明天打算试试flex的，然后就是下边三个下拉菜单，以前有问题，没做出来，后来使用了bootstrap的下拉菜单，修改了一下，做成了，还在研究其结构。

收获：注重细节，不放过盲点吧！把基本功做好才行！