浏览器缩放期间的绝对div移位

Question

我有一个div作为body的直接子节点，它是绝对定位的，css属性定义如下：

 div[id^="Container"] {
   display: block;
   position: absolute;
   width: 600px;
   height: 250px;
   z-index: 999999;
   background: tomato;
   top: 217px;
   right: 206px;
 }

每当我放大div时它向左移动。

我不明白为什么会发生这种情况。我尝试在线搜索，但没有得到任何解决方案。

我尝试在％中设置正确的位置，因为我认为可能在我放大时，但浏览器会向右舍入正确的位置值。

Answer 1

我认为这是因为例如如果你缩放200％你的右边属性等于412px（而不是206）。

Answer 2

这里的关键是使用right: 50%和margin-right: -300px（div的宽度的一半）。 Here是jsfiddle的一个例子。