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
}
浏览器兼容性好，不容易出现怪问题
如下图：
