<div style="clear:both;"></div>,但该方法不推荐
。1. 投机取巧法
<div style="clear:both;"></div>
当作最后一个子标签放到父标签那儿,此方法兼容性强,使用方便,但此方法需大量无语义的html元素,所以这个方法不推荐。2. css 的 overflow 进行怪异处理
给浮动元素的容器加overflow:hidden或overflow:auto;例:
.container{overflow:hidden;}
.container{overflow:auto;}
此方法可在局部或者无法添加class的地方清理,不作为主要清理方式
3. css的:after伪元素 + zoom方法
给浮动元素的容器加class = “clearfix”,class后添加:after 来给元素末尾添加看不见的块元素以清除浮动。例:
html部分:
<div class="container clearfix">
<div class="floatleft"></div>
<div class="floatright"></div>
</div>
css部分:
.clearfix:after{margin:0;display:block;clear:both;}
.clearfix{zoom:1;} //触发haslayout,兼容IE6,IE7
此方法 通用性强,覆盖面广,为清除浮动推荐的最优方法。
4、给浮动元素容器添加浮动方法
例: .container {float:left;}
在容器本就使用了浮动或绝对定位时可使用该方法
5、领接元素清理
例:
<div class="container">
<div class="left"></div>
<div class="right"></div>
<div class="content"></div>
</div>
css: .content {clear:both;}
此方法应在确保该元素跟浮动元素在同一层容器内时使用
原文:http://www.cnblogs.com/emory/p/5302726.html