Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/heroku/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
css transform:translate()%是否始终引用边界框的大小?_Css - Fatal编程技术网

css transform:translate()%是否始终引用边界框的大小?

css transform:translate()%是否始终引用边界框的大小?,css,Css,我对说明书上的内容感到困惑。 让我澄清我的理解 规格 百分比:指边界框的大小 百分比:相对于宽度的百分比 包含块(第一个值)或高度(第二个值) 我的理解 css-transforms-1 有transform属性。 transform属性参考边界框。 因此,translate属性的transform函数指的是边界框 有nottranslate属性 css-transforms-2 有transform属性。 transform属性是指边界框的大小。 因此,transform属性的transl

我对说明书上的内容感到困惑。 让我澄清我的理解

规格

百分比:指边界框的大小

百分比:相对于宽度的百分比 包含块(第一个值)或高度(第二个值)

我的理解 css-transforms-1
  • transform
    属性。
    transform
    属性参考边界框。
    因此,
    translate
    属性的
    transform
    函数指的是边界框

  • not
    translate
    属性

  • css-transforms-2
  • transform
    属性。
    transform
    属性是指边界框的大小。
    因此,
    transform
    属性的translate函数引用边界框

  • translate
    属性。
    translate
    属性请参阅包含框

  • 因此,我认为,
    transform:translate()
    的%总是指边界框,

    是这样吗?

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


    因此,您的猜测是正确的,百分比与元素的边界框有关,而与包含的块无关。

    谢谢您让我知道。我很感激。