＆emsp;＆emsp;BFC的全名是块格式上下文，即块格式上下文。它是CSS2.1规范定义的概念，关于CSS渲染定位。- 级别的布局，与外部外部无关。
MDN中描述了BFC的范围。
块形式上下文包含元素创建的所有内容，它也不是在设计器中创建新的块形式上下文的内部。
中文的含义意味着BFC包含创建上下文元素的所有子元素，但不包括创建新的BFC子元素的内部元素。
插入一块代码以理解
创建一个块格式上下文，此上下文包括....即，子元素也属于创建的BFC。
这意味着同时在多个BFC中不能存在一个元素。
BFC最重要的效果之一是将BFC内部元素与外部元素隔离，以使内部和外部元素的定位不会相互影响。这是使用BFC去除浮动的特征。
以上代码定义了三个块。一个父级包含两个子集，但是不能显示父级的背景颜色，因为子集元素的浮动导致父级高度塌陷。
只有在设置BFC框后，才能检索框的高度。
这显示了正确的样式。
一个盒子有一个重叠的问题，另一个盒子另一个盒子的保证金为较低的距离。
并行框的边距重写=>双重边距的重叠
- >占据价值不是它们的总和，他是听它的人的总和
要移动黑色块中的小红色块，请直接使用保证金顶，然后将黑色块向下移动。
设置BFC后，您可以正确地沿着红色块沿着
保证金的兼容性问题：保证金TOP的传球问题
在大盒子中，将小盒子设置在小盒子上以添加保证金顶部，不仅不能在大盒子之间实现距离，而且还传递给大盒子以使整体运动移动整体。
原始：https：//juejin.cn/post/7101852846215135269