前端学习-清楚浮动总结

目录

1、为什么需要清除浮动

• 由于父级盒子很多情况下，不方便给高度，但是子盒子浮动又不占有位置，最后父级盒子高度为0时，就会影响下面的标准流盒子。
  
• 由于浮动元素不再占用原文档流的位置，所以它会对后面的元素排版产生影响

2、清除浮动本质

• 本质就是清除浮动元素造成的影响
• 如果父盒子本身有高度，则不需要清除浮动
• 清除浮动之后，父级就会根据浮动的子盒子自动检测高度，父级有了高度，就不会影响下面的标准流了

3、清除浮动

（1）语法

选择器 {
	clear:属性值；
}

（2）属性值

（3）策略

闭合浮动

（4）清除浮动方法

1、额外标签法

新增的盒子必须是块级元素，不能是行内元素

2、父级添加overflow

3、：after伪元素

4、双伪元素清除浮动