css transform：translate（）％总是指的是边界框的大小？

Question

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

规格

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

  

百分比：参考边界框的大小

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

  

百分比：相对于宽度     包含块（用于第一个值）或高度（用于第二个值）

我的理解

CSS-变换-1

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

2. 不 translate属性。

CSS-变换-2

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

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

所以，我认为transform: translate()的百分比总是指向边界框，
这是对的吗？

Answer 1

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

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