Html 当我调整浏览器大小时，DIV一直在移动

因此，我正在编写一个布局，并使用DIV将iframe保持在布局的范围内。 问题是每当我调整浏览器的大小时，我的DIV都会不断移动。 我四处寻找答案，但似乎没有一个能帮我解决这个问题

网站如下：

这是我的代码：

<div style="position:absolute; top:280; left:560"> 
<iframe src="main.html" name="main" width="240" height="240" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto" scrolling=auto allowtransparency=true>
</iframe>
</div>

作为旁注，我希望能够控制div的位置，因为它需要保持在布局框内

---

谢谢你的帮助

您使用的是绝对定位，因此包含

的

始终是距页面顶部280像素，距页面左侧560像素

你应该认真阅读css定位的基础知识。有几个好的起点可能是




定位绝对样式相对于整个页面大小的元素。因此，当页面变大时，div会向左移动（
left:560
）。您可以使用相对位置：

margin-top: -530px;
position: relative;

或

或

我看了第一个链接，我真的不知道如何编辑CSS并将其连接到html。。？这有道理吗？哦，我的闲话！对这正是我想要的，非常感谢！！
position: relative;
top: -530px;

margin-left: -120px;(because this div has a width of 240px)
position: absolute;
left: 50%;