我们螅岔出礤在写html页面布局的时候，经常会用到浮动float属性，导致父级对象盒子不能被撑开，那么我们如何清除浮动呢，我们一起看一下！
工具/原料
电脑（win10）
Hbuilder
方法/步骤clear:both
1、首先我们使用hbuilder,新建一个html文件，写上内容，如下图：
2、给两个子标签，设置宽高，背景色，发现一行显示一个，如下图：
3、设置浮动，让两个div并排显示，并给父级加背景色，如下图：
4、没有清除浮动，父级背景色不显示，必须清除浮动，clear:both,如下图：
方法/步骤2overflow:hidden
1、给父级直接加样式overflow:hidden，如下图：
方法/步骤3伪类:after和zoom
1、使用伪类，给父级加样式，.clearfix:after{ display:block; 罕铞泱殳 clear:bo墉掠载牿th; content:""; visibility:hidden; height:0 } .clearfix{ zoom:1 }浏览器兼容性好，不容易出现怪问题如下图：
