理解CSS布局和BFC，真正提高你的CSS布局能力

发布时间：2019-04-04 00:37:54 所属栏目：优化来源：前端小智

导读：CSS布局中有一些概念，一旦你理解了它们，就能真正提高你的 CSS 布局能力。本文是关于块格式化上下文(BFC)的。你可能从未听说过这个术语，但是如果你曾经用CSS做过布局，你可能知道它是什么，理解什么是 BFC，怎么工作以及如何创建 BFC 非常有用，这些可以

因为 p 元素的 margin 和外部 div 上的 margin 之间没有任何东西，所以两个会折叠，因此 p 最终与 div 的顶部和底部齐平。我们在 p 的上方和下方看不到任何灰色。