任务进展：

       1：完成任务8的响应式布局。

       2：编写了任务10页面首部和表单主体的布局，并使页面适应响应式。

遇到问题：

       1：写职业列表页面响应式时，一行三个职位方块需放在row里，这样bootstrap栅格默认的padding-15px会直接对齐，动画div在hover时可见，此时其宽度超过了职位方块，原因是动画div采用的是绝对定位，它将以最近定位的父元素为参考，所以将其直接父div设置position:relative,解决。

       2：任务10页面中步骤1234样式用css写，将数字放入span中，设置span的border-radius，background-color，text-align，span前后各一个div,设置其border-bottom，margin-top为负值达到向上偏移效果，查看发现线与圆形之间有小空隙，前后div再分别设置margin-right和margin-left为负值，效果达成。

       3：表单区采用flex，space-between对齐，左边部分div嵌套flex，各层控制flex-shrink，flex-wrap，达成换行效果。有个问题：flex嵌套几层后，使用类选择器定位其内部元素写样式时无效，目前还没找到原因。

明日计划：

      1： 修改input和select样式，完成页面底部区域的响应式布局，然后提交师兄检查。

      2：解答任务8、9、10的思考问题。

收获：

       学习了表单元素input和select的属性和使用方法，使表单内容实现响应式换行，需要使用多层div嵌套，是件麻烦的事情。