位置絕對div內包裝參數

我有一些元素，我必須放置在我的網頁與固定位置使用position:absolute。重點是它在我的屏幕上運行得非常好，但是當我在另一個屏幕上以不同的分辨率測試它時，它看起來放錯了位置，即使我把這些絕對定位在頁面包裝器中的divs。位置絕對div內包裝參數

這裏是我的元素：

<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。我只是需要它來適應每個屏幕分辨率。

來源

2013-05-16 Herland Cid

請勿鏈接到您的個人網站：http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste -a-link-to-it使用jsfiddle.net代替 –

您應該按照將幀定位到其父項的順序將position:relative;指定給wrapper3 div。

來源

2013-05-16 14:52:50 mario595

製作元素的包含div position: relative;然後讓孩子相對於它而不是身體。

來源

2013-05-16 14:52:11 DeweyOx

位置絕對div內包裝參數

回答

相關問題