Jquery 在调整窗口大小时，使元素保持在相同位置

我的网页由两部分组成：一个可以根据任何窗口大小调整大小的图像，然后是一个带有4个文本框的表单，位于图像上方的特定位置

我的问题是，在调整窗口大小时，文本框会移出位置。我花了6个多小时的时间尝试css和jquery中的所有东西，但我什么都做不到

身体
{
保证金：自动；
宽度：100%；
}
.包装纸
{
位置：相对位置；
最小宽度：500px；
宽度：100%；
保证金：自动；
}
.形象
{
最大宽度：1150px；
最大高度：1453px；
宽度：100%；
}
.表格
{
位置：相对位置；
顶部：-260px；
左：200px；
宽度：130px；
边框：实心1px#000；
}

完整窗口：

---

调整窗口大小：

这可能是因为您的包装css。尽量不要使用最小或最大宽度，只使用固定宽度

.Wrapper
    {
        position:relative;
        width: 945px;
        margin:auto;
    }

---

首先，您应该设置包装的最大尺寸，并使图像占据100%的宽度。您还应该将窗体定位为绝对而不是相对，并从底部定位。大概是这样的：

比林说，效果还不是100%完美。随着图像的缩放，表单的位置将需要更改。你可以试着用百分比来接近这个职位。大概是这样的：

---

正如你会注意到的，它仍然不是完美的。如果您确实想要精确定位，则需要编写一些脚本来计算精确位置。但是，在开始编写jQuery代码之前，为什么不将“box”设置为表单的背景，并通过切片源图像将其从页面的背景图像中删除？这样定位就不需要像素完美，因为框会随着表单一起移动…

您能创建一个JSFIDLE吗？您的标记+css不会在屏幕快照中重新创建布局，黑框从何而来？这是图像的一部分吗？@Blazemonger-是的，这就是图像。你能把图像放在我们可以看到的地方吗？imgur.com之类的。如果您试图将表单放置在其上，但同时使图像大小可调，那么您总是会遇到问题。最好给窗体设置一个黑色背景。您是否可以确认，通过这样做，图像的大小仍然会随着浏览器的大小而增减？当我调整大小时，它仍然不会调整100%的宽度/高度。虽然这不是100%有效，但这是最接近的答案。所以我会标记它。谢谢

.Wrapper
    {
        position:relative;
        width: 945px;
        margin:auto;
    }

.Form
{
    position: absolute;
    bottom: 10%;
    left: 15%;
    border: solid 1px #000;
}