今天完成的事情

• # 完成任务8技能树首页的调整与制作;
• # 初步完成合作企业页面和职业推荐页面的构思;
• # 升级了生产力工具Photoshop

明天计划的事情

• # 继续调整任务8,然后邀请师兄给出修改意见

遇到的问题

• 已解决

  #  问题一:合作企业页面中,左侧合作企业列表,文字整体需要居中,然而左边如何对齐呢?
• 
• 解决思路:既要保证文字整体居中,又要使其内部居左对齐,由于每行文字宽度是固定的,那么把所有文字套上一个宽度刚好的div容器,使这个div容器居中,容器内部文字局居左即可.
• 
• 实现后效果
• 
• 
  
• 
  

收获

• # css元素包裹性的认识
  
• 
  

• 包裹性：元素的宽度会收缩到与内容宽度一致

  拥有包裹性的元素：
  

  float浮动的元素

  position为absolute或fixed的元素

  display为inline-block, table-cell, table-caption,  inline-flex的元素

  
  

• # bootstrap中container类和container-fluid类的区别

• 定义:

• .container 类用于固定宽度并支持响应式布局的容器。

  .container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。

  
  区别:

• container 类和container-fluid类的区别体现在是否有随视口宽度改变的margin存在。 
  container类所谓的自适应也是通过margin的改变来完成，container-fluid类的百分百宽度是指在固有的15px的padding前提下宽度总是当前视口的宽度。

•