BFC对于很多刚开始接触CSS布局的同学来说,看起来很高大上,其实对于它的的理解只要掌握以下几点就可以了
1.BFC中文含义为块级格式化上下文,即一个独立的布局环境;
2.BFC中的元素与外部元素互不影响;
3.BFC中的块级盒子从顶端开始垂直排列,两个块级盒子的垂直外边距会发生重叠;
4.BFC它不会与浮动元素发生重叠;
5.BFC元素在计算高度时,其浮动的子元素的高度也会算进来。
BFC对于很多刚开始接触CSS布局的同学来说,看起来很高大上,其实对于它的的理解只要掌握以下几点就可以了
1.BFC中文含义为块级格式化上下文,即一个独立的布局环境;
2.BFC中的元素与外部元素互不影响;
3.BFC中的块级盒子从顶端开始垂直排列,两个块级盒子的垂直外边距会发生重叠;
4.BFC它不会与浮动元素发生重叠;
5.BFC元素在计算高度时,其浮动的子元素的高度也会算进来。