清除浮动的含义就是清除浮动带来的影响。

方法:
1、直接设置父元素高度
优点:简单粗暴,方便
缺点:有些布局中不能固定父元素高度。如:新闻列表、京东推荐模块
2、额外标签法
操作: 1. 在父元素内容的最后添加一个块级元素 2. 给添加的块级元素设置 clear:both
缺点:会在页面中添加额外的标签,会让页面的HTML结构变得复杂
3、单伪元素清除法
操作:用伪元素替代了额外标签
基本写法

单伪元素清除浮动
打开网易新闻 查看精彩图片
单伪元素清除浮动

优点:项目中使用,直接给标签加类即可清除浮动

4、双伪元素清除法

操作:

双伪元素清除浮动
打开网易新闻 查看精彩图片
双伪元素清除浮动

优点:项目中使用,直接给标签加类即可清除浮动
5、给父元素设置overflow : hidden
操作: 直接给父元素设置 overflow : hidden
优点:方便

部分内容来源网络 如有侵权联系删除