今天完成的事：提交了任务三，查看了任务四的技能（position、float、absolute）

明天的计划：休息，巩固基础

遇到问题：暂时没有

收获：

一、对position这个属性更加理解了

1、position有四个值stitic（默认的）、absolute、relative、fixed，但是常用的就是absolute绝对定位和relative相对定位。

2、定位参考：https://blog.csdn.net/fungleo/article/details/50056111

二、浮动（达到文字环绕图片的效果即可）

1、使用了float属性产生的。

使用了float属性，会产生：

1、父级背景不能显示，因为父级没被撑开。

2、父级边框不能被撑开。

3、padding和margin不能正确表达。

二、了解了清除浮动的方法

1、设置高度样式，缺点：必须计算好对象内容的高度（实际运用中不便使用）

2、在父级结束前加入一个div层，并引用样式Clear：both，缺点：简单几层可用，但是层级很多时就显得臃肿，

而且代码显得累赘。

3、在父级样式加入：overflow：hidden。原理：相当于是让父级紧贴内容，这样即可紧贴其对象内内容（包括使

用float的div盒子），从而实现了清除浮动

4、在父级样式添加伪元素:after或者:before、这里的伪类里内容： .box:after{

      content: '';

      display: block;

      clear: both;

    }

这里的content：content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。该属性用于定义元素

之前或之后放置的生成内容。默认地，这往往是行内内容，不过该内容创建的框类型可以用属性 display 控制。

:after 伪元素在元素之后添加内容。

这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属

性 display 改变这一点

:before 伪元素在元素之前添加内容。

这个伪元素允许创作人员在元素内容的最前面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属

性 display 改变这一点。

清除浮动讲解参考：https://www.jb51.net/css/454329.html

float讲解推荐：https://www.zhangxinxu.com/wordpress/2010/01/css-float%E6%B5%AE%E5%8A%A8%E7%9A

%84%E6%B7%B1%E5%85%A5%E7%A0%94%E7%A9%B6%E3%80%81%E8%AF%A6%E8%A7%A3%E5%8F%8A%E6%8B

%93%E5%B1%95%E4%BA%8C/

张鑫旭的博客写的挺不错，看了收获挺大。后续继续学习，其推荐使用

.fix{zoom:1;}

.fix:after{display:block; content:'clear'; clear:both; line-height:0; visibility:hidden;}

解决清除浮动。