如何消除浮动

第一种方法:

1、创建一个general.css文件：

@charset "utf-8";

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

/* flex */  

.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}

.flexA {justify-content: space-around;}

.flexB {justify-content: space-between;}

.flexC {justify-content: center;}

/*------------------------------------------------------------

    common

------------------------------------------------------------*/

把这个代码放到里面

2、让他形成全局样式：，在main.js中引入全局样式

 3、使用clearfix就行

 不清除浮动的影响，父类不加高度会坍塌

 如果不清除浮动，不加高度，就会出现塌陷

 清除浮动就要用Clearfix

第二种方法

 给他添加overflow:hidden，一定要给父类元素添加

 这种方法是：缺点是无法溢出浮动

第三种方法

 以后只要把这句话复制一下，那个需要清除浮动直接粘贴就行