这篇文章主要讲解了“CSS中如何叠加外边距”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS中如何叠加外边距”吧！
创新互联提供高防物理服务器租用、云服务器、香港服务器、服务器机柜租用等
代码如下：
p{
color: black;
background: #ccc;
margin-top: 50px;
margin-bottom: 30px;
height: 50px;
border: 1px solid red;
}
第一段的下外边距与第二段的上外边距相邻，你可能认为它们之间的外边距是80px，但实际的间距却是50px。像这样的上下外边距相遇时，它们就会相互重叠，直至一个外边距碰到另一个元素的边框。因此，在这里，第二段较宽的上外边距就会碰到第一段的边框。也就是说，较宽的外边距决定两个元素最终离多远。这个过程就是外边距叠加。
感谢各位的阅读，以上就是“CSS中如何叠加外边距”的内容了，经过本文的学习后，相信大家对CSS中如何叠加外边距这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！
文章名称：CSS中如何叠加外边距
分享链接：
http://bjjierui.cn/article/piposc.html
