为什么要清除浮动以及清除浮动的方法

为什么要清除浮动？

清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题，如下图，红色边框为父元素，在子元素为浮动后无法被撑开了

清除浮动的方法

1.额外标签法

在最后一个浮动标签后，新加一个标签，给其设置clear：both；

2.父级添加overflow属性

父元素添加overflow:hidden
补充：这个方法的原理是通过触发BFC方式，实现清除浮动
BFC 全称为 块格式化上下文 (Block Formatting Context) 。他有以下两个特性：

1.使 BFC 内部浮动元素不会到处乱跑；
2.和浮动元素产生边界。

关于NFC的知识戳这里了解

3.使用after伪元素清除浮动

这种方法最常用，不需要增加新的元素
关于闭合浮动思想：
使浮动的元素闭合，借此来减少浮动带来的影响。这里就是让父元素闭合浮动了。
另外贴一下代码：