Javascript 当浏览器窗口更改宽度时，如何使用绝对值计算div的位置

我有img和div在它下面，位置是绝对的。所以我需要这个div总是从图像的右下角开始，然后到左边。但当我使用以下代码时，div在调整浏览器窗口大小后从img的下角离开：

div1.style.left = ((imgRect.left + 
  (window.pageXOffset || document.body.scrollLeft) - 
  (document.body.clientLeft || 0)) 
  - 532) + "px";

请注意，刷新页面时div的位置是正确的，但如何在不刷新的情况下执行此操作

我尝试添加以下代码：

$(window).resize(function () { 
  div1.style.left = ((imgRect.left + 
    (window.pageXOffset || document.body.scrollLeft) - 
    (document.body.clientLeft || 0)) 
    - 532) + "px";
});

---

但仍然有相同的结果。我想这不是一个正确的计算。

您的代码有很多错误，但是导致代码无法工作的部分是

div1

变量在resize回调中可能无法访问。确保

div1

在函数中可用，并且您应该准备就绪。

我在尝试遵循您试图实现的目标时遇到困难。您可以发布一个jsFiddle来演示这个问题吗？