css重点3：关于float的使用

1、css的3种布局机制

（1）标准流（也就是之前学的块级和行级元素）

• 行内元素：span、a等
• 块级元素：div、p、h1~h6等

（2）float

• 主要是将标准流浮起来，实现多个块级元素在一行显示
  （之前使用block:line-height行内块实现，但是缺点是块与块之间是有空隙的，所以采用float）

（3）定位
1）static静态的，基本不用，忽略
2）relative相对的，从自己现在位置出发，占空间
3）absolute绝对的，父盒子要定位，否则以浏览器为标准，不占位置
4）fixed固定的，不占空间，和父盒子无关，一般没有父盒子

2、css的口诀

(1)浮和漏

• 设置为float:left时，将这个块级元素漂浮了，下面不占据位置，在表面上，下面是空的
• 下面的地方是不占据空间的，会给其他人，相当于这个块级元素隐形了

(2)特

• 当这个块级元素设置为float时，这个块级元素会变成类似行内块元素，可是与行内块元素不同的是：float之后的元素之间是没有空格的