overflow 清除浮动

通过overflow：hidden清除浮，使一个浮动后没有高度的元素拥有了高度，并且包含了内部浮动的元素，其原理是通过overflow：hidden创建了一个块级格式上下文（BFC），
MDN:

一个块格式化上下文包括创建它的元素内部所有内容，除了被包含于创建新的块级格式化上下文的后代元素内的元素。

BFC是一个名词，是一个独立的布局环境，可以理解为一个箱子，箱子里面物品的摆放是不受外界的影响的。转换为BFC的理解则是：BFC中的元素的布局是不受外界的影响，往往利用这个特性来消除浮动元素对其非浮动的兄弟元素和其子元素带来的影响。