BFC的简单理解

BFC对于很多刚开始接触CSS布局的同学来说，看起来很高大上，其实对于它的的理解只要掌握以下几点就可以了

1.BFC中文含义为块级格式化上下文，即一个独立的布局环境；

2.BFC中的元素与外部元素互不影响；

3.BFC中的块级盒子从顶端开始垂直排列，两个块级盒子的垂直外边距会发生重叠；

4.BFC它不会与浮动元素发生重叠；

5.BFC元素在计算高度时，其浮动的子元素的高度也会算进来。