请描述块级格式化上下文（BFC）以及它是如何工作的。

Describe Block Formatting Context (BFC) and how it works.

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: hard

分类: Layout

标签: bfc, block-formatting-context, margin-collapsing

参考答案摘要

答案 块级格式化上下文（BFC）是网页 CSS 可视化渲染的一部分，用于布局块级盒子。浮动元素、绝对定位元素、inline-block、table-cell、table-caption，以及 overflow 不是 visible 的元素（除非该值被传播到视口）都会建立新的块级格式化上下文。 BFC 是满足以下至少一个条件的 HTML 盒子： float 的值不是 none。 position 的...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。