为什么 CSS translate3d 转换表现为相对定位元素？答案

【问题标题】：Why is CSS translate3d transform behaving as relative positioned element?为什么 CSS translate3d 转换表现为相对定位元素？
【发布时间】：2017-10-18 00:23:47
【问题描述】：

在下面的小提琴中，<a> 标签 LOGO 绝对定位在 layoutDiv div 中，-webkit-transform: translate3d(0,0,0); CSS 通过“现代”类应用。

https://jsfiddle.net/gurumvg/ubj98j6d/4/

虽然layoutDiv div 没有“相对”位置，但<a> 标签LOGO 的位置绝对与layoutDiv div 相对，而不是BODY 节点。想知道为什么 -webkit-transform: translate3d(0,0,0); 样式将其定位为相对。

欣赏任何见解。

【问题讨论】：

标签： css css-position translate3d

【解决方案1】：

这是因为变换创建了一个新的局部坐标系，根据W3C spec

【讨论】：