BFC塊級排版上下文

    1.BFC 全稱是塊級排版上下文，用於對塊級元素排版，默認狀況下只有根元素（body)一個塊級上下文，可是若是一個塊級元素 設置了float:left，overflow:hidden或position:absolute樣式，就會爲這個塊級元素生成一個獨立的塊圾上下文，就像在window全局做用域內，聲明瞭一個function就會生成 一個獨立的做用域同樣，新開僻的BFC像是開僻了一個新的小宇宙，使這個塊圾元素內部的排版徹底獨立隔絕。
    2.獨立的塊級上下文能夠包裹浮動流，所有浮動子元素也不會引發容器高度塌陷，也就是說包含塊會把浮動元素的高度也計算在內，因此不用清除浮動來撐起高度。