Css 页面元素以不同的屏幕分辨率移动

这是我的网站。当屏幕尺寸变化时，有没有办法防止绝对定位的元素移动。我已经尝试过包装它们，但没有成功，所以我现在完全卡住了

你可以用硬编码的宽度、高度和绝对位置将所有东西包装在一个div上。如果是这样，您的元素将永远不会移动，前提是包含所有内容的父元素实际上不在文档流中，并且始终具有相同的大小

绝对元素相对于其父元素是绝对定位的，因此，如果父元素具有绝对位置和固定的宽度和高度，则可以防止其内容随着屏幕大小的变化而移动

硬编码尺寸和绝对位置这是一个选项：

HTML

---

我只是试着这么做，但它完全弄乱了页面？我实际上测试了你的网站，在你用这个解决方案更新后，它可以按照你的意愿工作。你说的是什么标题？我修正了标题，但是有没有办法编辑它，使div居中于页面中心？你需要在包装div中包含h1标记，并应用一个CSS属性text align:center；按原样将文本居中。

<div id="wrapper">
    <div id="one"></div>
    <div id="two"></div>
</div>

#wrapper {
    width:1024px;
    height:1024px;
    position:absolute;
    background:#00f;
}
#one, #two {
    width:100px;
    height:100px;
    position:absolute;
}
#one {
    background:#f00;
    top:300px;
    left:0;
}
#two {
    background:#0f0;
    top:500px;
    right:0;
}