BFC布局 1. 概念 在解释 BFC 之前,我们先介绍 Box、Formatting Context的概念。 1. Box Box 是 CSS 布局的对象和基本单位, 就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,决定了这个 Box 的类型。 不同类型的 Box, 会参与不同的 Formatting Context(一个决定如何渲染文档的容器),因此Box内的元素会以不同的方式渲染。 2. Formatting context Formatting context (格式化上下文) 是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区 Continue reading