清除浮动的方法：

1.给父元素设置高度：

优点：简单粗暴，方便

缺点：有些布局中不能固定父元素高度，如新闻列表、京东推荐模块

2.额外标签法

①给父元素内容的最后添加一个块级元素； ②给添加的块级元素设置clear:both;

缺点：在页面中添加额外的标签，会让页面的HTML结构变得复杂

3.单伪元素清除法（万能、推荐）

①基本写法：

②补充写法：

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

4.双伪元素清除法

写法：

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

5.给父元素设置overflow-hidden

因为overflow属性会触发BFC，BFC:block formatting content 块级格式化上下文

优点：方便