它自己的上外边距和下外边距合并了。°(°?Д?°) °
设置 overflow: hidden;（不为 visible 都可）。
由于 margin 需要直接接触才能够合并，根据盒子模型，我们可以设置父元素的 边框 或 内边距，或者使用某些元素将第一个元素和父元素隔开（那就不是第一个元素了）。
只有在静态流的元素才会发生外边距合并，故设置 float, position: absolute; 都可以使得外边距在何种情况都不合并。
inline-block 是个例外，它既没有脱离文档流，但是它的所有的外边距都不会合并。
听说技术文章和 DEMO 更配噢～
git clone https://github.com/JasonKid/fezone.git 搜索 Margin Collapsing
记得点赞... (??□′)?? ┴─┴
Copyright © 2019- ucpa.cn 版权所有
违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务