浮动属性 （float）

1、作用：上下排列可以改为水平

2、特点： - 浮动只能控制元素在水平方向上的移动

                - 脱离文档流、破坏网页布局、初始位置不在

                - 转换为行内快元素（可以直接设置宽高）

3、浮动层：会存在与当前文档流的上方，从上帝视角看不见，浮动只能盖住盒子不能盖住文字

4、浮动停止漂浮的条件

                  - 碰到父级的包含框就会停止漂浮

                  - 碰到前一个含有浮动属性的元素也会浮动

                  - 当子级元素比较父级元素宽定多的时候，最后一个子级元素会往下移动直到找到足                         够的空间

属性值：

                左浮动：float : left;

                右浮动:  float : right;

                为none 默认值  float : none; (没有浮动)

清除浮动的几种方法：（当我们给盒子内的元素设置浮动属性时父级盒子就会发生内边距塌陷）

      1、