css清除浮动

我们有多种清除浮动的方法：

1. 给父盒子设置高度
2. clear:both
3. 伪元素清除法
4. overflow：hidden

给父盒子设置高度

clear：both

clear：意思就是清除的意思。

有三个值：

left：当前元素左边不允许有浮动元素

right：当前元素右边不允许有浮动元素

both：当前元素左右两边不允许有浮动元素

给浮动元素的后面加一个空的div，并且该元素不浮动，然后设置clear：both。

伪元素清除法(常用)

给浮动子元素的父盒子，也就是不浮动元素，添加一个clearfix的类，然后设置

.clearfix:after{
    /*必须要写这三句话*/
    content: '.';
    clear: both;
    display: block;
}

overflow:hidden(常用)

overflow属性规定当内容溢出元素框时发生的事情。放在父类元素中。