今天完成的事情：做做任务，看看flex，inline-block，float，absolute这几个东西。

明天计划的事情：往下做任务。多了解一些东西。在回来做以前的任务。

遇到的问题：问题有两个，第一就是position：fixed 设置头部会被图片覆盖。这时候需要设置z-index;。第二就是图片中间部分图片溢出，这需要看一下自己设置的元素宽度是否超出父元素，不然缩小时右侧容易出现空白。

收获：1.负margin会使元素在文档流中的位置发生偏移，它会放弃偏移之前占据的空间，紧挨其后的元素会填充这部分空间；相对定位后元素位置发生偏移，它仍会坚守原来占据的空间，不会让文档流的其他元素流入

2.vertical-align设置垂直对齐方式，值有top/middle/bottom，和text-align记岔了，text-align有三个值right/left/center

3.background-size属性，有四个值length percentage  cover contain

 background-size: length设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。

 background-size: percentage以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。

4. background-size: cover把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。

 background-size: contain把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。