为什么要清除浮动？一开始css的浮动，其本质是用来做一些文字混排效果的，但是后来被我们拿来做布局用，就出现了很多问题。清除浮动的本质： 为解决父级元素因为子级浮动引起高度为0的问题我们很多时候不方便给父盒子的高度，因为我们不清除有多少子盒子，有多少内容。

html代码:css代码:效果是这样的:这里父容器是没有设置固定高度的，本来第一个子元素浮动之后，父元素的高度会塌陷到跟第二个子元素一样高，但由于这里分别给第二个子元素和父元素都设置了overflow:hidden ，所以它们都生成了一个新的BFC区域，根据上文提供的BFC布局规则可以得知:BFC区域不会与float box 重叠;