CSS中的BFC是什么,如何触发BFC,它能解决哪些实际问题?
考察说明
考察对CSS块级格式化上下文(Block Formatting Context)的理解、触发方式及实际应用能力
回答思路
- 准确描述BFC的定义和核心特性,如隔离内部元素与外部元素布局
- 列举至少三至四种触发BFC的正确方式,如overflow、display、float、position等
- 清晰说明BFC解决的实际问题,如防止margin合并、清除浮动、阻止元素被浮动元素覆盖
- 能结合具体代码场景说明BFC的生效条件和边界
- 能说明哪些常见做法并不触发BFC,如overflow为visible
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。