以上四点满足一个就创建了一个BFC,通常设置为overflow:hidden,因为影响最小
最BFC的写法:float:right;position:absolute;display:flex;overflow:hidden;
top
bottom
没激活BFC时margin发生了重叠
top
bottom
通过把"x2"包起来并添加一个overflow=hidden,激活了BFCmargin就不再重叠了
左块浮动的时候,被藏在了右块里面
让右块变成了一个BFC之后,由于BFC不会与float重叠,所以左快被拯救了出来
当给div里面的元素设置浮动之后,div会发生塌陷
再给外层div激活为BFC之后,浮动元素也参与高度计算,div就不会塌陷了