今天完成的：

      完成了“合作企业”页面。

      “职业”页面完成一部分。

明天计划的：

      做一下主页的轮播图。

      完成任务的全部页面。

      若还有时间，进行页面的响应式设计。

遇到的问题：

      企业合作页面的内容除了头部、导航栏和底部，剩下的内容比较少。重构的时候没遇到什么问题。

      职业界面的面包屑导航栏、方向栏、和内容的每个职业的页面基本都需要重写了。

      面包屑导航栏和方向栏使用ul、li模拟了一下，基本没遇到什么问题，就是margin、padding布局需要注意一下。

      职业栏因为之前是用bootstrap的栅格系统制作的，重构的话需要麻烦一些。目前还正在还原表格的样式。

今日收获：

  >>简单总结一下float和flex的区别：

        float布局：值有:left,right,none.

          它的布局方式是把标签从文档流中拉出来，然后后面的标签就会填补当前标签的位置。

          设置了float属性的标签还会影响到下一个标签的内容。

          可以通过清除浮动来去除浮动造成的一些影响，不过会在结构中添加一个结构。

          需要对每个元素进行设置，若元素过多，就会比较复杂，布局也会容易混乱。

        flex布局：

           布局非常方便，而且能实现别的布局难以达到的效果。

           如：1.在父元素里面垂直居中一个块元素。

                  2.使容器的所有子项占用等量的可用宽度/高度，不管有多少宽度/高度可用。

                  3.使多列布局中的所有列采用相同的高度，即使它们包含的内容量不同。

           缺点：兼容性不好。

  >>大概了解了一下栅格布局的原理。（因为之前任务使用栅格写的，现在要自己写，就大概看了下原理）。

        原理简单来讲就是将盒子放到row里，来布成一行，然后将row放到container中；container提供断点的宽度限制，以及提供一个padding，来阻止内部内容触碰到浏览器边界。

        row通过设置负的margin抵消container的padding。盒子（column）的和必须为12。每个盒子左右也会有个跟container相同的padding，使不同的column之间拥有30px的卡槽。之后若想进行扩展，可以进行嵌套。

       （不过虽然大概了解了，但是感觉好麻烦，就任务的这个表格来说，我还是直接用div做吧。。。）