CSS 中的 100% 是什么意思？

在 CSS 中使用百分比值时，例如…

.element {
  margin-top: 40%;
}

…这里 % 值到底指的是什么？它是以什么为基准的百分比？我经常使用百分比，但有时会发生一些奇怪的事情。 我通常会耸耸肩，将值更改为其他值，然后继续我的工作。

但 Amelia Wattenberger 在这篇深入探讨 CSS 中百分比的工作原理 及其所有奇特特性的出色文章中说“不！”。 当然，Amelia 的任何文章都充满了精彩的演示，完美地描述了任何给定示例中的 CSS 如何工作。 这篇文章也不例外。

直接链接 →