浮动特性

1. 脱离标准流
2. 不占页面空间
3. 文字环绕排版布局

作用

改变元素布局方式

使用

float：（left，right，none）

浮动影响

1. 父元素高度坍塌
2. 浮动元素会覆盖下方未浮动元素

清除浮动的影响

1.给父元素一个高
    缺点：不够灵活
2.给父元素添加overflow
    作用：元素溢出部分添加滚动条（溢出部分处理）
    取值：
        visible：溢出不处理（默认）
        scroll：对所有部分加滚动条
        auto：只针对溢出部分加滚动条
        hidden：溢出内容隐藏
    缺点：溢出部分无法显示
3.在最后一个浮动元素下方，添加空的块级元素，
设置行内样式，设置clear：both;
    A{
        clear:both;
    }
    <div class="A"></div>
4.使用伪元素清除浮动
    父类标签::after {
                content: '';
                clear: both;
                display: block;
            }
    优点：有复用性，较为灵活
    缺点：需要单独设置一些属性