overflow:hiddden原理

1. 内部的块元素会在垂直方向，一个接一个地放置。
2. 块元素垂直方向的距离由margin决定。两个相邻块元素的垂直方向的margin会发生重叠。
3. 每个元素的左外边距，与包含块的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。
4. BFC的区域不会与float元素的区域重叠。
5. BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。
6. 计算BFC的高度时，浮动元素也参与计算

转载于:https://juejin.im/post/5aa61b34518825557005a874