BFC块级格式化上下文

怎样触发BFC？
1.浮动元素: float: 除none以外的值
2.绝对定位元素： position（absolute，fixed）
3.display 为inline-block table-cells flex
4.overflow 除visible以外的值（hidden，auto，scroll）

遇到哪些问题需要用到BFC
DIV左右外边距并没有重叠 但是上外边距和父级重叠在了一起，这时候就要触发BFC来解决这个问题

html

    


css
.box{width: 300px;height: 300px;background-color: black;overflow: hidden;}
.demo{width: 100px;height: 100px;background-color: red;margin: 20px;}