HTML5浮动和定位的区别,请问各位大神，css中定位和浮动有啥区别？

一.float属性

1.3个属性值

left-左浮动

right-右浮动

none-不浮动

2.特点:元素会左移，或右移，直到触碰到容器为止

3.设置了浮动的元素，仍旧处于标准文档流中，

意味着它会占据标准文档流中的空间,对周围的元素产生影响

4.当元素没有设置宽度，而设置了浮动属性，元素的宽度随内容

的变化而变化

5.当元素设置浮动属性后，会对相邻的元素产生影响，

相邻元素特指紧邻后面的元素

二、清除float的方法

1.clear属性-常用clear:both;

clear:left;

clear:right;

2.同时设置width:100%(或固定宽度)+overflow:hidden;

三、position属性

1.拥有三种定位形式:1.静态定位2.相对定位3.绝对定位

2.可设置4个属性值:

1.static(默认静态定位)

2.relative(相对定位)

3.absolute(绝对定位)

4.fixed(绝对定位)

3.相对定位

1.特点:相对于自身原有位置进行偏移

2.仍处于标准文档流中

3.随即拥有偏移属性和z-index属性

4.绝对定位

1.特点:

1.建立了以包含快为基准的定位

2.完全脱离了标准文档流

3.随即拥有偏移属性和z-index属性

2.未设置偏移量

1.特点：

1.无论是否存在已定位祖先元素，都保持在元素初始位置

2.脱离标准文档流

3.在没有设置宽度情况下，盒子随着内容而变化。

3.设置偏移量

1.偏移参照基准：

1.无已定位祖先元素，以为偏移参照基准

2.有已定位祖先元素，以距其最近的已定位祖先

元素为偏移参照基准。

3.在没有设置宽度情况下，盒子随着内容而变化。