今天完成的：

        今天基本完成了任务八的第二个页面和第三个页面。（还有一些样式没有来得及处理）

明天计划的：

        完善一下第二、第三个页面的样式。

        看一下代码规范，根据代码规范对代码进行修改。

        测试一下各浏览器上页面是否能正常打开，有问题的话进行修正。

        有余力的话，做下简单的自适应，至少别开一个F12布局就乱。。。

遇到的问题：

        制作页面二（合作企业）的时候：

        内容区的导航栏，应该是面包屑导航栏吧，bootstrap默认样式跟设计图样式不同，暂时还没有进行修改。

        内容区左侧的合作企业栏，里面的链接需要用到项目符号，然后进行设置之后，感觉自带的项目符号很小，而且样式设置达不到理想标准。

    解决办法：切图，将“项目符号”当做图片设置上去。

        制作页面三（职位列表）的时候：

        同样，面包屑导航栏样式暂时没有进行更改。

        内容区的职位制作被困在了表格上：思考了一会儿之后，考虑选用bootstrap的栅格系统，不过因为不太熟练，使用之后，布局混乱的一批，想了一会儿没想到解决办法，就开始尝试使用表格制作；不过因为第三栏的左右栏占比跟其它栏不同，用table会很难实现，然后就手动将table设置为8栏，想要模拟一下栅格系统，不过在设置占比的时候遇到些问题，解决不了。之后考虑使用div进行布局，感觉可行；不过后来意识到第一次使用栅格的时候没有定栅格的宽度，所以才导致布局贼乱。然后又写了一遍栅格系统，基本完成了布局，然后进行样式的调整，最后使用栅格布局完成了。（不过一个box就写了六十行，感觉还是有点多啊。。。） 

        之后就是复制上面写的box，然后进行布局。在布局的时候，因为后端区是五个盒子，而我使用的flex布局，还是两端对齐，这样后端区第二行就两端对齐了。。。

    解决办法：使用after伪类给盒子的父元素添加一个块元素，设置宽度占位一个盒子，然后就ok了。

         在设置盒子的hover的时候，直接在盒子上添加了一个div。然后想要其脱离文档流浮动到盒子的上方。不过没能成功，浮动之后，文字自己就去适应布局了。

        解决办法：使用了绝对定位。

今日收获：

        学会了使用栅格进行布局。

        对flex布局的应用有所提升。

        在设置hover样式的时候也想了一些。因为之前写护工页的时候，看过一些资料，其中就有关下拉列表的一些制作方法。

        在这次的hover样式设置中，我尝试了两种方法，第一种就是display：none了，比较简单。还有一种稍微有种动画的效果。原理是高度设置为0，然后hover的时候变成100%。不过在设置得时候还遇到点麻烦，因为用了padding，高度不能变成0。然后调试了半天，之后因为title是span标签，padding-top失效，也耽误了一点时间，最后效果总算达成。。。