float与定位脱离文档流布局规则

脱离文档流的css
1.float:left;
2.position: absolute;
3.position:fixed

一、float

使用float可以脱离文档流。

使用float脱离文档流时，其他盒子会无视这个元素，该元素会浮动于其他文档流之上。

注意！！！：其他盒子内的文本依然会为这个元素让出位置，环绕在该元素的周围。

二、position: absolute;

若只指定 position: absolute;
（1）相对于前面的元素则会以正常的文档流方式排练在前面的元素后面

​ (2) 相对于后面的元素，他将脱离于后面的文档流，后面的元素会无视该元素

.指定他的相对位置
（1）指定left right top bottom 之后会相对相应方向基于父类的位置，若只修改水平方向或者垂直方向的定位，则另一方向还是基于上一点布局

三、 position: fixed;

1.若只指定position: fixed;不设置边距
​ 同position: absolute;

（1）相对于前面的元素则会以正常的文档流方式排练在前面的元素后面

​ (2) 相对于后面的元素，他将脱离于后面的文档流，后面的元素会无视该元素

2.指定边距
（1）指定left right top bottom 之后会相对相应方向基于父类的位置，若只修改水平方向或者垂直方向的定位，则另一方向还是基于上一点布局