今天完成的事情：

修改了任务十二的多处问题

头部固定

这个样式的修改

取消下拉框里多余的向下箭头

以及在这个位置添加超链接

任务十三的第一个页面的SASS变量和运算

$one: #29bde0;
$two: #fff;
$three: #fbb435;
$four: #9c9c9c;
$five: 50px;
body{
  margin: 0;
  background:$two;
}
header{
  height: $five;
  width: 100%;
  background: $one ;
  background-image: url(../../img/task7.3.png);
  background-repeat: no-repeat;
  background-position: ($five / 2.5) ($five / 5);
}
.next {
  width: 80%;
  height: ($five * 1.6);
  text-align: center;
  line-height: ($five * 1.56);
  font-size: 1rem;
  color: $four;
  background: $two;
  margin-left: 10%;
  margin-top: ($five / 1.666);
  background-image: url(../../img/task7.2.png);
  background-repeat: no-repeat;
  background-position: 99% ($five / 2.5);
}

明天计划的事情：明天计划完成任务十三

遇到的问题：今天遇到了护工页面重写加入最大和最小宽度以后页面崩掉的问题，刚开始并不明白怎么回事，就一边查资料一边借鉴别人的任务十二，看看其他师兄的再比对一下自己，最后发现并解决了。

收获：对sass的变量和四则运算理解的更多了，还有以前没怎么用过最大和最小宽度，所以导致了重写任务的时候遇到页面崩掉的情况，所以又回头看了看这方面的资料，最小宽度(min-width)与最大宽度(max-width)用于设置图片最小最大宽度限制比较多。比如一个图片为主列表，对象里图片大小不定时候，为了不想让他太小不统一这个时候我们可以使用css最小宽度样式。再如，一个盒子里有文章有图片混排的时候，有时图片宽度不能确定，这个时候如果html img图片宽度超出了div盒子宽度，可能图片就会撑破div盒子造成图片混乱。