前端笔记

BFC

1 什么是BFC？

BFC （block formatting Context） 块级格式化上下文。
它是指一块“独立的块级渲染区域”，该区域有一套规则来约束块级盒子的布局，且与外部无关
​
​
ps：
通俗一点来讲，可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。

2  怎样生成BFC？

1、根标签  html
2、float：left/right
3、position：absolute、fixed
4、display：inline-block
5、overflow：hidden/auto/scroll

3 BFC 可以解决哪些问题？

1、外边距重叠 和 塌陷
2、防止字体环绕
3、清除浮动
4、实现自适应二、三栏布局