关于BFC

网页的布局是流式布局,即从右到左,从上到下以标准文档流形式排列,当出现一下情况的时候会出现脱离标准文档流的情况,也就是开启一个新的bfc空间,与原文档空间无关,当盒子产生浮动时文字会围绕盒子排列,并不会覆盖文字信息.

flaot值不是none

position不是relative和static时

display为inline-block

overflow不为visible时

以上情况都会产生BFC