1.BFC是指什么?
BFC = Block Formatting context 意思是块格式化上下文,BFC 是指浏览器中创建了一个独立的渲染区域,该区域内所有元素无论如何布局,都不会影响到区域外元素的布局。 这个渲染区域只对块级元素起作用。
2.常见的触发BFC有什么方式
1.浮动元素(float不为none)
2.绝对定位的元素(position为absolute或者fixed)
3.overflow不为visible的块级元素
4.display值为flex、 flow-root 、inline-block、table-cell等
3.BFC解决了什么问题?
1.浮动元素的父元素高度塌陷问题
2.两栏自适应布局问题
3.外边距垂直方向重合问题