-
BFC里面的box都会以垂直方向排列
-
每个元素的左margin box的左边与包含块的border box的左边相接触(对于从左往右的格式,否则相反),即使存在浮动也一样
-
BFC的区域不会和float Box重叠——两栏自适应布局
-
同一个BFC里面中相邻的两个盒子的外边距会重叠(取并集)——避免外边距重叠:给一个盒子的父元素加bfc一个盒子不加/两个盒子分别加不同的BFC父元素
-
BFC就是一个独立的容器,容器里面的元素不会影响到外面的元素,反之也如此——父元素高度塌陷 注意⚠️,对于第五点,原本浮动元素是应该脱离文档流的,但是BFC中会计算其高度。