今天完成的事情：

今天修改了轮播图的一处bug

#picture-one:checked ~ #wrap #box6 {
  display: block;
  cursor: pointer;
}
#picture-two:checked ~ #wrap #box4 {
  display: block;
  cursor: pointer;
}
#picture-two:checked ~ #wrap #box6 {
  left: 90%;
  display: block;
  cursor: pointer;
  transform: rotate(45deg);
}
#picture-three:checked ~ #wrap #box5 {
  display: block;
  cursor: pointer;
  left: 8%;
  transform: rotate(-133deg);
}
#picture-three:checked ~ #wrap #box4 {
  display: block;
  cursor: pointer;
  left: 90%;
  transform: rotate(45deg);
}

以及开始不使用Bootstrap，而布局页面

.container{
  padding-right: 5vw;
  padding-left: 5vw;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
.efficient{
  margin-top: 5vw;
  text-align: center;
  margin-right: 15px;
}

明天计划的事情：明天预计完成第一个页面

遇到的问题：今天发现轮播图和导航栏的下拉框冲突了，下拉框下来时轮播图的按钮没有被挤下去，请教师兄后发现是自己相对于父元素绝对定位的搞明白，以至于子元素的绝对定位没找到该找的父元素绝对定位。

收获：今天又温习了相对于父元素绝对定位的定义，绝对定位的元素相对于static定位以外的第一个父元素进行定位元素默认的定位值是static，所以往上找参照元素一直到根元素 。还有就是绝对定位的元素，相对于static定位以外的第一个父元素进行定位。没有设置border和margin-top的父div，顶部自动对齐margin-top最小的子div的顶部。设置了border但没有设置margin-top的父div，margin-top默认为0。