清除浮动的本质:
清除浮动元素脱离标准流造成的影响
策略:
闭合浮动,只让浮动的元素在父盒子内部影响,不影响父盒子外面的其他盒子
方法:
1.额外标签法,W3C推荐的方法
2.给父元素添加overflow属性
将其属性值设为hidden、auto或scroll
overflow:hidden;
3.父级添加after伪元素
4.父级添加双伪元素
before after
清除浮动元素脱离标准流造成的影响
闭合浮动,只让浮动的元素在父盒子内部影响,不影响父盒子外面的其他盒子
1.额外标签法,W3C推荐的方法
2.给父元素添加overflow属性
将其属性值设为hidden、auto或scroll
overflow:hidden;
3.父级添加after伪元素
4.父级添加双伪元素
before after