网页的布局是流式布局,即从右到左,从上到下以标准文档流形式排列,当出现一下情况的时候会出现脱离标准文档流的情况,也就是开启一个新的bfc空间,与原文档空间无关,当盒子产生浮动时文字会围绕盒子排列,并不会覆盖文字信息.
flaot值不是none
position不是relative和static时
display为inline-block
overflow不为visible时
以上情况都会产生BFC
原文：https://www.cnblogs.com/wangzhe121388/p/11012759.html