BFC(块级格式化上下文)，一个创建了新的 BFC 的盒子是独立布局的，盒子内元素的布局
不会影响盒子外面的元素。在同一个 BFC 中的两个相邻的盒子在垂直方向发生 margin 重叠
的问题

BFC 是指浏览器中创建了一个独立的渲染区域，该区域内所有元素的布局不会影响到区域外
元素的布局，这个渲染区域只对块级元素起作用