1.给父元素设置高度:
优点:简单粗暴,方便
缺点:有些布局中不能固定父元素高度,如新闻列表、京东推荐模块
2.额外标签法
①给父元素内容的最后添加一个块级元素; ②给添加的块级元素设置clear:both;
缺点:在页面中添加额外的标签,会让页面的HTML结构变得复杂
3.单伪元素清除法(万能、推荐)
①基本写法:
②补充写法:
优点:项目中使用,直接给标签加类即可清除浮动
4.双伪元素清除法
写法:
优点:项目中使用,直接给标签加类即可清除浮动
5.给父元素设置overflow-hidden
因为overflow属性会触发BFC,BFC:block formatting content 块级格式化上下文
优点:方便