Html 图像未固定，通过调整窗口拖动

当我在页面上放置一些图像时，当我尝试时，它们会在屏幕上移动 并在我的浏览器上调整窗口的大小。我在css中谈论的图像被编码为

.ex{position:absolute；top:200px；right 200px；}

，它们在屏幕上移动，但有些没有。为什么会发生这种情况，我如何才能防止它

#徽标{
文本对齐：居中；
位置：绝对位置；
排名：0；
右：750px；
}
#左撇子{
浮动：左；
位置：绝对位置；
排名：0；
左：500px；
}
#商标权{
浮动：对；
位置：绝对位置；
排名：0；
右：420px；
}
#左撇子{
位置：绝对位置；
左：270px；
}
#对对{
位置：绝对位置；
右：180px；
}
#bdlogo{
位置：绝对位置；
顶部：500px；
左：220px；
}
#下标{
位置：绝对位置；
顶部：150px；
右：750px；
}
#祈祷词{
位置：绝对位置；
右：200px；
顶部：500px；
}
#gc{
位置：固定；
顶部：10px；
右：20px；
}
#ib{
位置：固定；
顶部：10px；
左：70像素；
}
#足球俱乐部{
位置：固定；
顶部：350px；
右：1040px；
}

---

某些图元的位置是固定的（

position:fixed

），这将导致图元位置保持在浏览器视图点的相同位置

将其更改为

位置：绝对

或

位置：相对

#gc {
     position: absolute; top: 10px; right: 20px; /*consider using normal flow instead*/
}
#ib {
     position: absolute; top: 10px; left: 70px; /*consider using normal flow instead*/
}
 #fc {
     position: absolute; top: 350px; right: 1040px; /*consider using normal flow instead*/
}

你也应该考虑使用<代码>位置：相对而不是位置：绝对的，因为它只在你定义的地方绝对定位你的元素（例如，代码>左：70px；< /代码>），它将永远停留在那个位置（改变你的浏览器宽度不会改变它）。您应该避免使用绝对位置，并尝试使用边距和填充来定位元素

有关定位的一些教程：

使用此链接可以更好地了解边距和填充：

---

一个JSFIDLE示例会更好。 绝对定位是相对于父图像的。 这些图像的父对象会发生更改，因此图像会移动。 你可以做的是确定父对象的宽度，该宽度具有相对位置。如果父对象不移动，则图像不会移动

---

如果您添加了一个JSFIDLE或plunker示例，则很容易修复。

如果您在问题中包含您的代码会更好。没问题，代码已上载。我知道有些位置是固定的，但我把它们都改成了绝对的，它们仍然和寡妇一起移动，我不明白为什么。出于某种原因，即使它们都是绝对的，它们仍然想跟随并停留在那一页上，这很奇怪，因为问题出在页面的右侧而不是左侧。@chrysaron按CTRL+F5。它将忽略缓存并再次重新加载css。让我知道它是否工作。我做了，但它仍然在屏幕上拖动悲伤。。。Idk可能是某些图像是.png吗？或者只是尺寸太大或太小