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

原文地址:https://www.cnblogs.com/zhanglm125/p/4920459.html