今天完成的事情：

因为要重新写任务5的内容，之前都是用绝对定位写的，重新看了关于定位，浮动，flex的内容
明天计划的事情：

继续完成任务5
遇到的问题：

以来以为关于定位，浮动挺简单的，看了别人写的文章真的不是我想象的那样。。。。
收获：

1. 1、absolute定位的基准是最近的非static定位父对象，而fixed是相对html根节点的定位。两种定位都会脱离普通流
2. 宽度自适应还是在auto和100%上做文章，而位置则由top/bottom/left/right等控制

3. 2、flex弹性布局方案，弹性盒布局有如下优势：

          1.独立的高度控制与对齐。

          2.独立的元素顺序。

          3.指定元素之间的关系。

          4.灵活的尺寸与对齐方式。

4. 3、百分比是相对父对象的，很多时候会用在自适应布局上面。浏览器尺寸的改变，就是根节点html的长宽改变，可以用%来将浏览器尺寸和元素尺寸联系起来，做到自适应。auto是很多尺寸值的默认值，也就是由浏览器自动计算。首先是块级元素水平方向的auto，块级元素的margin、border、padding以及content宽度之和等于父元素width。使用auto属性在父元素宽度变化的时候，该元素的宽度也会随之变化。但是当该元素被设为浮动时，该元素的width就变成了内容的宽度了，由内容撑开overflow | position:absolute | float:left/right都可以产生包裹性，替换元素也同样具有包裹性。在具有包裹性的元素上想利用width : auto；来让元素宽度自适应浏览器宽是不行的。

5. 4、calc(expression) 必须，一个数学表达式，结果将采用运算后的返回值。