淘天集团面试题更新 2026-08-05

CSS中的BFC是什么,如何触发BFC,它能解决哪些实际问题?

淘天集团前端/移动开发互联网/IT技术原理问题排查CSS

考察说明

考察对CSS块级格式化上下文(Block Formatting Context)的理解、触发方式及实际应用能力

回答思路

  1. 准确描述BFC的定义和核心特性,如隔离内部元素与外部元素布局
  2. 列举至少三至四种触发BFC的正确方式,如overflow、display、float、position等
  3. 清晰说明BFC解决的实际问题,如防止margin合并、清除浮动、阻止元素被浮动元素覆盖
  4. 能结合具体代码场景说明BFC的生效条件和边界
  5. 能说明哪些常见做法并不触发BFC,如overflow为visible
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。