今日完成的事情.

完善任务五，47.104.248.130。

阅读4-5的深度思考。

position属性方面得到的收获：

      1.relative定位遵循正常的文档流，移动的只是视觉效果，是static和absolute的中间版本。使用relative，后面的文档是根据top等定位属性起效前的位置进行定位。这里有需要注意的是margin属性是影响后续文档定位的，外边距占据文档空间。

      2.absolute定位用了以后脱离文档流，他就一直往上找有position属性的文档来定位，必须是position里非static的才行，一直找到html根标签为止（这里一提，父元素的margin属性也影响absolute定义文档的定位，padding不影响）。(absolute)定位对象在可视区域之外会导致滚动条出现。而放置(relative)定位对象在可视区域之外，滚动条不会出现。

      原点知识，relative和static方式在最外层时是以body标签为定位原点的，而absolute方式在无父级是position非static定位时是以html作为原点定位（html和body元素相差大概有9px。） 

      absolute或fixed定位必须指定 left、right、 top、 bottom属性中的至少一个，否则left/right/top/bottom属性会使用它们的默认值 auto，这将导致对象遵从正常的HTML布局规则，在前一个对象之后立即被呈递，简单讲就是都变成relative，会占用文档空间，不这样做就会发现用了absolute也没有脱离文档流。

然后是可以用百分比定义的css属性，以及计算原则，在之前的几个任务都有了一定的了解，

定位：top,right,bottom,left; 这四个全兼容，万金油。

盒模型：height,width这两个基于包含它的块级对象的百分比高度（宽度）。margin,padding, 百分数是相对于父元素的 width 计算的。

背景：background-position,background-size(css3), 

文本：text-indent，

字体：font-size;

设置百分比最重要的就是认清子元素的父元素，比如宽度设置为百分比要注意div外层的父标签如果没有定义高度或宽度(用px或者其它单位定义，而非百分比)，div用百分比是无效的。如果要用百分比，换成table标签。

明日计划。开始任务6，和其他深度思考的学习