0

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

4

2 回答 2

1

制作元素的包含 divposition: relative;然后相对于它定位子项，而不是主体。

于 2013-05-16T14:52:11.793 回答
1

您应该分配position:relative;给 wrapper3 div，以便将框架相对于其父级定位。

于 2013-05-16T14:52:50.273 回答