Javascript 根据浏览器宽度更改css值

我真的需要一些帮助：

我有一个带有背景图像的div容器#绿色（绿色边框）。div为100%宽度，bg图像带有css3的-封面-。在这个div中是另一个div#red，它具有位置绝对值和右值。我想强制红色div在背景图像的动机之间保持相同的距离。意味着如果im缩放浏览器窗口，间隙应始终相同。 我的尝试是将

#red{right:25px}

css除以

$（window）.width（）

，并使用此因子进行计算

var factor = 0,253;
var width = $(window).width()*factor;

('#red').css('right', width);

但它不起作用。希望您能理解我的观点，我们将非常感谢您的帮助：）

使用：

---

var factor=0253

是无效语法

应该是

var factor = 0.253;

---

使用浏览器控制台检查错误，这会立即弹出

我猜作为一名架构师不适合你，是吗？看看如何使用它，谢谢，但真的，我的方法有什么问题吗？我的意思是，我不希望它在调整大小。就在网站加载时。。。我做错了什么？媒体查询是双向的（这是您应该希望的）。如果您希望它只在加载时工作，那么您将被限制为仅使用JavaScript的解决方案！只使用js是可以的，但是看看我的例子，我有逻辑错误吗？好的，它可以与

left

一起工作，我不知道为什么，但是它有！无论如何，感谢您的努力：）

var factor = 0.253;