css - 在包装器参数中定位绝对 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; 分配给 wrapper3 div，以便相对于其父级定位框架。