面试真题

前端 · 简单 · 腾讯

CSS 中的 BFC(块级格式上下文)?

简单 前端 🎤 腾讯
参考答案
结论:BFC是独立的块级格式上下文,内部布局不影响外部。原理:触发条件包括根元素、float非none、overflow非visible、display为inline-block/flex、position绝对等。特性:内部盒子垂直堆叠;同BFC相邻box margin重叠;BFC区域不与浮动元素重叠;计算高度包含浮动子元素。应用:父级设overflow:hidden清除浮动;防止margin穿透;实现自适应两栏布局。先结论再展开,BFC隔离了渲染环境。
题目整理自公开面经,答案由校招宝自研生成,仅供参考