css 变换 : translate() % always refer to the size of bounding box?

Question

我对规范说明感到困惑。让我澄清一下我的理解。

规范

https://www.w3.org/TR/css-transforms-1/#propdef-transform

Percentages: refer to the size of bounding box

https://drafts.csswg.org/css-transforms-2/#propdef-translate

Percentages: relative to the width of the containing block (for the first value) or the height (for the second value)

我的理解

css-transforms-1

1. 有transform属性。
   transform 属性指的是边界框。
   因此，transform 属性的 translate 函数引用了边界框。

2. not translate 属性。

css-transforms-2

1. 有transform属性。
   transform 属性是指边界框的大小。
   因此，transform 属性的翻译函数是指边界框。

2. 有 translate 属性。
   translate 属性指的是包含框。

所以，我认为 % of transform: translate() 总是指边界框，
这样对吗？

Answer 1

您的第二个链接只是用于讨论的草稿。据我所知，它还没有成为最终的 CSS 标准或实现。

所以你的猜测是正确的，百分比与元素的边界框有关，而不是包含 block 。