浮动定位

清除浮动

1.给父元素设置高度（不推荐）

 理由：不能把高度固定死，不适合做自适应的效果

2.父元素添加浮动（不推荐）

 理由：会影响后面的元素布局。

3.添加overflow：hidden

    添加overflow：hidden之后，父盒子会拥有BFC属性。（不推荐）
    优点：简单
    缺点：内容比较多的时候，容易造成内容被隐藏。

4.设置父盒子为行内块（不推荐）

               理由：会影响后面的元素布局

5.专门清除浮动的属性：clear （不推荐）

    clear:both 不允许左侧和右侧有浮动效果。
    clear本质：清理元素（拥有clear属性的元素）的顶部添加足够多的外边距，使清理元素的顶部边缘下降到浮动元素的下面。
    不足：
        1.浮动元素的父类仍然没有高度，父类塌陷没有解决。
        2.清理元素的margin-top会失效，其他三个方向仍然有效。

6.设置空标签添加clear：both

 优点：简单方便
    缺点：会添加一个无意义的空标签，有违结构与表现的分离。在以后的维护过程中会十分麻烦。

7.使用伪元素清除浮动(推荐使用)

  .father::