css清除浮动的三种方式

1、父级元素结束之前加入空div，div的样式中有“clear:both”

2、父级元素设置样式"overflow:hidden".原因：“为什么加入overflow:hidden即可清除浮动呢？那是因为overflow:hidden属性相当于是让父级紧贴内容，这样即可紧贴其对象内内容（包括使用float的div盒子），从而实现了清除浮动。Css overflow:hidden清除浮动方法DIVCSS5推荐使用。”

3、父级元素设置class样式"clearfix",并且定义".clearfix:after{clear:both}"。和方法1是一个道理，但是更简单一点。

css清除浮动的三种方式

原文：http://www.cnblogs.com/zhanglm125/p/4920459.html