2016-09-22 9 views
3

仕様書には混乱しています。 私の理解を明確にしましょう。css transform:translate()%常にバウンディングボックスのサイズを参照してください。

仕様

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

パーセンテージ: 包含ブロックの幅に対して:ボックス

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

パーセントの境界のサイズを参照し

CSS-変換-1

  1. 私の理解

(第2の値の場合)(最初の値の場合)または高さ transform性があります。
transformプロパティは、バウンディングボックスを参照します。
ですので、 transformの機能は、バウンディングボックスを参照しています。 translate

  • translateがある。

  • CSS-変換-2

    1. transform性があります。
      transformプロパティは、バウンディングボックスのサイズを参照します。
      したがって、transformプロパティの変換機能は、バウンディングボックスを参照してください。

    2. translateがあります。
      translateプロパティは、ボックスを参照してください。

    ので、私は
    がこの権利である、transform: translate()の%は、常にバウンディングボックスを参照していることと思いますか?

    答えて

    1

    あなたの2番目のリンクは、議論に使用される単なる草稿でした。私が知る限り、CSSの最終的な実装や実装には至っていません。

    あなたの推測どおり、パーセンテージは要素の境界ボックスに関連し、包含ブロックには関連しません。

    +0

    私にお知らせいただきありがとうございます。私はそれを感謝します。 –

    関連する問題