外边距折叠指的是毗邻的两个或多个外边距 (margin) 会合并成一个外边距，本文详细的介绍了一下css外边距折叠的实现，分为3种情况，非常具有实用价值，需要的朋友可以参考下

前文 这是的一个经典的老问题，因为之前刚好有读者朋友问到，顺便整理一下。 从一个简单例子说起 先看一个简单示例： .slide1 div { margin:10px 0; } 第1种外边距折叠：兄弟元素 文本上下间距10px 文本上下间距10px 看这个例子中的两个p标签，根据样式定义：第一个p的margin-bottom和第二个p的margin-top 都是10px，那实