为什么margin-top和margin-bottom被称为“垂直边距”

Question

为什么margin-top和margin-bottom被称为“垂直边距”，尽管它们水平放置在盒子周围？

Spec说明边距折叠：“请注意，LI框之间的垂直边距会崩溃。” （https://www.w3.org/TR/CSS21/box.html#collapsing-margins）

但我看了几个边缘倒塌的例子，我看到的只是水平线和方框......

编辑：由于问题不清楚，我画了一个我所谓的“水平放置在盒子周围”的图画： vertical margins

Answer 1

顶部和底部之间的线是垂直的。由于顶部和底部的边距形成了一条到该线末端的框架，因此它们被称为垂直边距。

或换句话说：当您从上到下（即垂直方向）浏览页面时，从顶部边距开始，到底部边距结束。