0
点赞
收藏
分享

微信扫一扫

BFC是什么?如何触发?BFC解决了什么问题?

Gaaidou 2022-01-05 阅读 68
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.外边距垂直方向重合问题

举报

相关推荐

0 条评论