外边距(margin)是CSS中的一个基本概念，用于控制元素与周围元素间的间隔。但它的计算方法常常会让人感到困惑。它是相对于哪里来计算的呢？以下将为大家揭示其中的秘密。
首先，CSS中的元素都是有属性的。如何计算外边距就要看这些属性的定义了。
大家通常将元素分为两类：块级元素(block)和行内元素(inline)。所以它们的外边距的计算方式也是不同的。
1. 块级元素的外边距计算方式：
当一个块级元素有上外边距时，此外边距将与其前面父级元素的上外边距重合，计算方式为两个外边距中最大的那个。 当一个块级元素有下外边距时，此外边距将与其后面相邻的元素的上外边距重合，计算方式同上。
2. 行内元素的外边距计算方式：
行内元素没有上下外边距的概念，在width和height上都不可改变，因此它们的外边距不会对其周围造成影响。
从以上的计算方式可以发现，外边距的计算方式是相对于父元素的，而与子元素无关。如果想要更精细的控制，大家可以使用定位等方法来达到目的。
总结：CSS外边距是相对于父元素的。其中，块级元素的上下外边距计算方式为与父元素重合，行内元素没有上下外边距。