BFC块级排版上下文

    1.BFC 全称是块级排版上下文，用于对块级元素排版，默认状况下只有根元素（body)一个块级上下文，可是若是一个块级元素 设置了float:left，overflow:hidden或position:absolute样式，就会为这个块级元素生成一个独立的块圾上下文，就像在window全局做用域内，声明了一个function就会生成 一个独立的做用域同样，新开僻的BFC像是开僻了一个新的小宇宙，使这个块圾元素内部的排版彻底独立隔绝。
    2.独立的块级上下文能够包裹浮动流，所有浮动子元素也不会引发容器高度塌陷，也就是说包含块会把浮动元素的高度也计算在内，因此不用清除浮动来撑起高度。