# clear属性的使用 ***** 常用的两种清除浮动方法，如下： 公共html ``` <div class="clearfix"> <div class="fl">left</div> <div class="fr">right</div> <div class="clear"></div> </div> ``` 公共css ``` .fl { float: left; } .fr { float: right; } ``` #### 方法一 ***** ``` .clear { clear: both; } ``` #### 方法二 ***** 此方法可省去`<div class="clear"></div>`标签 ``` .clearfix::before, .chearfix::after{ content:""; display:block; line-height:0; visibility:hidden; clear:both; } .clearfix:{ *zoom:1;/*兼容ie6-7*/ } ```