样式居中问题？

Question

我知道当一个元素被设置绝对定位之后，margin是以当前位置做偏移，那下面这两种应该是一样的吧??

.box{

    transform: translate(-50%,-50%);

    position: absolute;

    top: 50%;

    left: 50%;

}

.box{

    margin-top:-50%;

    margin-left:-50%;

    position: absolute;

    top: 50%;

    left: 50%;

}

Answer 1

不一样，margin是按父级元素宽度计算的