变换:translate3d(50%,0,0)和左边:css之间的差异？

Question

变换如何:translate3d(50%,0,0)与左边不同:css为50%？继承人我所做的jsfiddle.

transform: translate3d(50%,0,0)

和

left:50%;

Answer 1

translate3d(50%,0,0) 考虑元素本身的百分比,因此它从元素大小的左半部分进行转换.

在小提琴中绝对定位的div的左边是相对于相对定位的容器div,因此它left:50%;是该容器的50%.