我必须使用position:absolute在我的网页中放置一些固定位置的元素。关键是它在我的屏幕上工作得非常好，但是当我在另一个具有不同分辨率的屏幕上测试它时，它看起来是错位的，即使我将这些绝对定位在页面包装器中的divs。
以下是我的要素：
<div id="wrapper3" class="clearfix">
<div style="border:1px solid #000; width:682px; height:489px; position:absolute; left:116px; top:209px"></div>
<div style="border:1px solid #000; width:336px; height:240px; position:absolute; left:806px; top:209px"></div>
<div style="border:1px solid #000; width:336px; height:241px; position:absolute; left:806px; top:457px"></div>
</div>
这些元素是黑框。
还有另一种解决方法吗？我知道position:relative的工作方式类似，但我需要absolute。我只需要它适合每个屏幕分辨率。
答案 0 :(得分：1)
制作元素position: relative;的包含div然后将孩子相对于它定位，而不是身体。
答案 1 :(得分：1)
您应该将position:relative;分配给wrapper3 div，以便将帧定位到其父级。