清除浮动的几种方案

clear:both
//写过这个之后会出现magin无效的情况
//可以在加上此属性的类名上在添加一个类名添加高即可解决

：after{
content:“ ”;
clear:“both”;
display:block;
height:0;
//overflow:hidden; 这俩可以单独拉出来使用也可加可不加
//visibility:hidden; 隐藏后仍占据空间
}

clear:after, .clear:before{
            content: "";
            display:block;
            clear: both;
            height: 0;
            font-size: 0;
            visibility: hidden;
            overflow: hidden;
        }