1. BFC 是什么BFC 是獨立的渲染區域內部元素布局不會影響外部外部也不會干擾內部。2. 觸發 BFC 條件根元素 htmlfloat 不為 noneoverflow 不為 visibledisplay: inline-block / flex / gridposition: absolute / fixed3. BFC 實戰作用解決浮動高度塌陷解決垂直外邊距合并實現自適應兩欄布局 BFC 塊級格式化上下文原理、觸發條件與應用
1. BFC 是什么BFC 是獨立的渲染區域內部元素布局不會影響外部外部也不會干擾內部。2. 觸發 BFC 條件根元素 htmlfloat 不為 noneoverflow 不為 visibledisplay: inline-block / flex / gridposition: absolute / fixed3. BFC 實戰作用解決浮動高度塌陷解決垂直外邊距合并實現自適應兩欄布局