在包装器参数中定位绝对div

Question

我有一些元素，我必须在我的网页上使用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。我只需要它适合每一个屏幕分辨率

Answer 1

您应该将position:relative;分配给wrapper3div，以便相对于其父帧进行定位。

Answer 2

使元素的包含div为position: relative;，然后将子元素相对于它定位，而不是body