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是一个道理,但是更简单一点。

posted @ 2015-10-29 14:35  半瓶子水  阅读(227)  评论(0编辑  收藏  举报