Css 负利润率问题和不一致性

我的第一个问题是忽略父元素的填充。 我知道负的顶部和左侧边距会使该元素向那个方向移动得更远，在那个方向上它可能会移出其父元素

我真正困惑的是负的右边缘。 我想它使一个元素变宽了一定量。 并且具有负的底边距。它使元素变短

第二个问题是，巨大的负利润底部似乎显示不一致

这是演示

---

对于块元素，您用水平边距描述的内容是正确的。对于块元素上的垂直边距，它略有不同

想象一下，你是如何在没有间隔的情况下垂直布置一堆盒子的。从Y为零开始，然后对于每个块，将其放置在该位置，然后将Y值向前移动其高度

---

现在我们将其扩展到包含间距。CSS模型工作原理的简化视图是从Y值为零开始，与之前一样，但在放置框之前，添加上边距，在放置框之后，添加下边距。在某些情况下，随着利润率的崩溃，它的实际运作方式会稍微复杂一些。无论如何，这个简化模型足以说明为什么高度不变：负的底部边距将影响下一个框的放置，但不会使框本身变大。

对于块元素，您用水平边距描述的是正确的。对于块元素上的垂直边距，它略有不同

想象一下，你是如何在没有间隔的情况下垂直布置一堆盒子的。从Y为零开始，然后对于每个块，将其放置在该位置，然后将Y值向前移动其高度

---

现在我们将其扩展到包含间距。CSS模型工作原理的简化视图是从Y值为零开始，与之前一样，但在放置框之前，添加上边距，在放置框之后，添加下边距。在某些情况下，随着利润率的崩溃，它的实际运作方式会稍微复杂一些。无论如何，这个简化模型足以说明为什么高度不变：负的底部边距会影响下一个框的放置，但不会使框本身变大。

@georgefox抱歉。但是我不完全理解你在h3标签的底边上的意思。因为即使我删除了h3标记的边距或完全删除了h3标记，结果仍然是一样的。@geogefox抱歉。但是我不完全理解你在h3标签的底边上的意思。因为即使我去掉h3标签的边距，或者完全去掉h3标签，结果仍然是一样的。