overflow:hidden可以清除浮动原因

W3C上定义overflow属性是：

规定当内容溢出元素框时发生的事情。

hidden值：内容会被修剪，并且其余内容是不可见的。

那为什么overflow:hidden可以清楚浮动呢？

overflow除了(visible)会建立新的块级格式（BFC）给他的子元素（在没有给父元素高度的情况下，给父元素设置overflow: hidden时，就要计算父级块的全部高度才能确定在什么位置hidden，这样子的话，浮动的子元素的高度也要被算进去，因此需要建立新的BFC），从而起到清楚浮动效果。