html - 设置边距的大小是否设置了它与元素之间或自身与元素周围的边框/填充之间的距离？

Question

我不知道为什么，但盒子模型在 CSS 中让我感到困惑。更具体地说，边距和填充之间的差异让我感到困惑。每当为 CSS 中的元素设置边距、边框和填充的大小时，例如：

div {
    margin: 20px;
    border: 2px;
    padding: 20px;
}

这是否意味着边距与元素的距离为 42px，因为边框为 2px，而内边距为 20px（20px + 2px + 20px），或者外边距与元素的距离与内边距的距离相同？