浮动float

绝对定位,浮动都会让元素脱离标准流

1. none 默认值,不浮动
2. left 向左浮动
3. right 向右浮动

浮动规则

1. 元素一旦浮动后,脱离标准流,朝着向左或向右移动,直到自己的边界紧贴着包含快(一般父元素)) 或者其他浮动元素的边界
   1. 定位元素会层叠在浮动元素父上面
   2. 
2. 浮动元素不能与行内级内容层叠,行内级内容将会被浮动元素推出
   1. 比如行内级元素, inline-block元素,块级元素的文字内容
   2. 利用这个特性,可以轻松实现文章环绕图片
      1. 
      2. 
      3. 

3. 行内级元素,inline-block元素浮动后,其顶部将于所在行的顶部对齐

   1. 

   2. 
4. 如果元素向左(右) 浮动,浮动的左(右)边界不能超出包含块的边界
5. 浮动元素之间不能层叠
   1. 如何一个元素浮动后,另一个浮动元素已经在那个位置了,后浮动的元素会紧贴着前一个浮动元素的边界(左贴左浮动,右贴右浮动)
6. 如果水平空间不够显示浮动元素,浮动元素将向下移动,直到有足够的空间为止
   1. 

7.  浮动元素的顶部不能超出包含块的顶部,也不能超过之前所有浮动元素的顶部

   1.