浮动

1.定义

浮动规定了元素朝哪个方向浮动 最开始浮动做图片环绕技术，（图片加浮动，文字会围绕图片显示，文字不会被图片覆盖）

2.原理

浮动后排除普通文档流之外，

浮动后在页面不占据位置，

浮动是碰到父元素的边框或者浮动元素的边框就会停止，

浮动不会重叠，

浮动只有左右浮动，

浮动后所有元素转换为块级元素

3.语法

float:left|right|none;

4.清除浮动的影响

1. 浮动元素的父元素加overflow:hidden;
2. 浮动元素的父元素设置高度
3. 受影响的元素加clear:both;
4. 空div法

    浮动元素后面加空div
    给空div  clear:both;

5. 伪对象法

    浮动元素的父元素::after{
                            content:"";
                            display:block;
                            clear:both;
                          }

6. 浮动元素的父元素加float:left|right;

（加浮动后开启了bfc格式，父元素的高度找到，页面所有元素都需要浮动）