border
BFC
- 布局規(guī)則：
1蚕甥、內(nèi)部的Box會在垂直方向约啊，一個接一個的放置；
2袁串、box垂直方向的距離有margin決定彪标，屬于同一個BFC的兩個相鄰box的margin會發(fā)生重疊
3倍权、每個元素的margin box的左邊，與包含塊border box的左邊相觸，（對于從左往右的布局薄声，否則相反）当船。即使存在浮動也是如此。
4默辨、BFC的區(qū)域不會與float box重疊德频。
5、BFC就是頁面上的一個隔離的獨(dú)立容器缩幸，容器里面的子元素不會影響到外面的元素壹置。反之也如此。
6表谊、計算BFC的高度時钞护，浮動元素也參與計算。 - 哪些元素會生成BFC：
1爆办、根元素
2难咕、float屬性不為none
3、position為absolute或fixed
4距辆、display為inline-block余佃，table-cell，table-caption挑格，flex咙冗，inline-flex
5、overflow不為visible
