绝对定位的盒子设置margin-right为什么不起作用？

.test1{
            position: absolute;
           width: 100px;
           height: 100px;
           background-color: pink;
           left: 50%;
           margin-left: -100px;
        }
```这里盒子的左边框先相对于浏览器的左边偏移50%（ left: 50%;）
再相对于浏览器的左边走-100px （ margin-left: -50px;） 也就是向右走100px
但是若设置margin-right: 50px;是不会有效果的  
因为浏览器从左向右渲染  margin在这里相对于浏览器移动   若margin-right则为相对于浏览器右边框移动   而浏览器还没有从左到右渲染结束  也就没有看到右边框。所以是不起作用的