css浮动

1.什么是浮动？

浮动是改变标签的文档流。

2.什么是文档流？

文档流指的是标签在浏览器上显示的方式或者排列的顺序。

举例：

块元素标签是独占一行，排斥其他标签。行元素同占一行，不排斥其他标签。

3.浮动：

float:left/right/none

4.浮动对标签的改变：

浮动对行标签的影响

行标签浮动之后可以设置width和height属性，并支持margin和padding属性。

浮动对块标签的影响

可以使块元素一行显示

5:清除浮动

属性 值

clear         both

6:溢出隐藏

属性 值

overflow hidden,scroll,auto

7:隐藏但位置还在

visibility: hidden;

8： display:none 隐藏

9:after伪类清除浮动（万能清除方法）

.clearfix:after {content:""; display:block; height:0; visibility:hidden; clear:both; }

.clearfix { zoom:1; }

10.margin: 0 auto; 这个属性会让块级元素到父元素的中间 auto 自适应

11.块级标签本身自带内外边距属性，所以在写项目的时候，要把内外边距去掉

*{

margin:0;

padding:0;

}