为什么填充不能折叠？

Question

如上图所示，当我们在两个div之间应用保证金时，将为例如提供更大的保证金。如果第一个div包含20px的边距而第二个div包含10px的边距，那么它们之间的边距将只有20px。如果我将padding-bottom: 20px应用于第一个div并将padding-top: 10px应用于第二个div，则应该会产生20px，但会产生30px。

那么，为什么填充值不可折叠？

---

我有以下html标记：

<main>
  <article id="one"></article>
  <article id="two"></article>
</main>

所以，现在我正在为文章应用填充值，但应该是collpased。那么，如何在元素内部调用article元素（填充）？

Answer 1

由于填充是在元素内部，我认为它没有意义。 让我们假设引擎开始折叠填充：如何在两个div之间分配结果20px？