简单CSS叠加外部边界示例

本文主要介绍了CSS叠加的一个简单例子，它是文档样式编写中一个值得注意的地方，需要的朋友可以参考一下。
在垂直方向上的外部距离是叠加的，假设有3段来回连接，并应用以下规则：

CSS代码将内容复制到剪贴板。
P {
颜色：黑色；
背景：# CCC；
边距：50px；
边距：30px；
身高：50px；
border: 1px solid红；
}
第一段和第二段相邻的边缘的边缘，你可能会认为它们之间的距离是在80px，但实际距离50px的。当上下缘这样见面，他们互相重叠，直到一个在另一个元素的边界。因此，在这里，第二大幅度将遇到第一个段落边框。也就是说，更广泛的外部距离判断两元素有多远。这个过程是外距离叠加。