做前端开发，当开始设计高级CSS设计时，不可避免会接触BFC（Block Formatting Context，块级格式上下文），这是什么鬼，看很多网上的讲解很是书本话，不好理解。其实你在很多地方已经悄悄的使用了，比如浮动、绝对定位等，其就是BFC的实例。个人对BFC的直接简单理解就是一个独立区，或者隔离区，其内的元素布局不受外部元素布局的影响。举个例子，香港和澳门，他们内部实行自己独立的政策。再比如玄幻小说里的领域，防护罩等，其内不受外部影响。关于BFC的理解我就说这么多，具体对BFC的剖析请参考网上其他鸡汤。
下面我推荐一个对BFC讲的比较好的文章，重点有例子CSS之BFC。
