清除浮动最常用的两种方法

 第一种方法：

.clearfix:after {
    
    content:" ";
    
    display: block;
    
    clear:both;

}

 注释：

:after  选定的位置，输入需要的内容；

content:" ";  生成内容为空；

display: block;   生成的内容以块级元素显示；

clear:both;   清除前面元素浮动带来的影响。

 

 

第二种方法：

.clr {
    
    clear: both;

    width: 0px;

    height: 0px;

    overflow: hidden;

}

注释： 

clear: both;  清除全部div浮动样式；

width: 0px;  设置宽为0；

height: 0px;  设置高为0；

overflow : hidden;   div里添加的元素再多，超出的高度或宽度全部隐藏。