css怎么清除浮动？附3种方法

1、首先我们使用hbuilder,新建一个html文件，写上内容，如下图：

2、给两个子标签，设置宽高，背景色，发现一行显示一个，如下图：

3、设置浮动，让两个div并排显示，并给父级加背景色，如下图：

4、没有清除浮动，父级背景色不显示，必须清除浮动，clear:both ,如下图：

1、给父级直接加样式overflow:hidden，如下图：

1、使用伪类，给父级加样式，

.clearfix:after{

display:block;

clear:both;

content:"";

visibility:hidden;

height:0

}

.clearfix{

zoom:1

}

浏览器兼容性好，不容易出现怪问题

如下图：