同一个 BFC 下外边距会发生折叠

因为两个 div 元素都处于同一个 BFC 容器下 (这里指 body 元素) 所以第一个 div 的下边距和第二个 div 的上边距发生了重叠,所以两个盒子之间距离只有 100px,而不是 200px

如果想要避免外边距的重叠,可以将其放在不同的 BFC 容器中。