変換の差異：translate3d（50％、0,0）とleft：CSSの50％？

Question

トランスフォーム：translate3d（50％、0,0）が左から50％異なる：css？ は私が作ったjsfiddleをheresします。

transform: translate3d(50%,0,0) 

と

left:50%; 

Answer 1

translate3d(50%,0,0)素子自体のようにパーセンテージを考慮ので、素子サイズの左半分から翻訳されます。

フィドルで絶対配置されているdivの左端は相対配置されたコンテナdivを基準にしているため、left:50%;はこのコンテナの50％です。値は、親要素（または何width :100%が設定された場合、それはなります）に関連する幅を説明し

Answer 2

Left
transform値は、明示的に幅を設定しておりますので、2件の結果が異なっている

自身の幅との関係で説明します