它自己的上外边距和下外边距合并了。°(°?Д?°) °
设置 overflow: hidden;（不为 visible 都可）。
由于 margin 需要直接接触才能够合并，根据盒子模型，我们可以设置父元素的 边框 或 内边距，或者使用某些元素将第一个元素和父元素隔开（那就不是第一个元素了）。
只有在静态流的元素才会发生外边距合并，故设置 float, position: absolute; 都可以使得外边距在何种情况都不合并。
inline-block 是个例外，它既没有脱离文档流，但是它的所有的外边距都不会合并。
听说技术文章和 DEMO 更配噢～
git clone https://github.com/JasonKid/fezone.git 搜索 Margin Collapsing
记得点赞... (??□′)?? ┴─┴