html - 浏览器缩放期间的绝对 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%，您的 right 属性等于 412px(而不是 206)。