多個分辨率之間的CSS絕對定位

我的網站的主要部分包含多個DIV，其中一個位於帶有Flash的「背景」（z-index：-1;）中。除了DIV之外，我還有一個（只是文本）需要與Flash DIV重疊。我不能讓他們並排坐在一起，因爲Flash的寬度爲100％。所以我做了一些CSS絕對定位的重疊。但是，當瀏覽器的寬度或高度被調整時，這會中斷。多個分辨率之間的CSS絕對定位

將第二個DIV保留在屏幕的特定部分有哪些選項？

UPDATE - 代碼添加

<div id="yjsg2"> 
    <div id="adv1" class="yjsgxhtml" style="width:72.00%;"> 
    <div id="adv2" class="yjsgxhtml" style="width:28.00%;"> 
</div>

的CSS看起來像

#adv1 {width:100% !important;} 
#adv2 {position:absolute; left:665px; top:110px;}

因此，它非常簡單的代碼，它是這一切的定位是所有問題。

來源

2011-03-21 Unknown Coder

任何機會的網站鏈接？否則，這將有助於看到一些代碼。或者，你可以畫一幅畫。 – thirtydot 2011-03-21 15:45:51

你能提供一個實時鏈接或演示嗎？ http://jsfiddle.net或http://jsbin.com – 2011-03-21 15:46:41

我在 – 2011-03-21 15:55:39

如果可以，設置容器元素有相對位置絕對定位的元素是基於它們的相對位置，他們的父母處。如果給定的不是靜態的（默認值）以外的任何位置

來源

2011-03-21 16:04:41 Alex

以下添加了一段示例代碼，謝謝！這個答案給了我我需要的東西。我曾經看過類似的東西，但是我把它放在了*項目*而不是*容器*我沒有意識到將它添加到容器會對子項產生影響。 – 2011-03-21 16:23:03

CSS絕對定位和可調整大小的頁面不能很好地混合，因爲box模型不能爲此提供很好的支持（有很多關於它的爭論或投訴）。一種選擇是基於JavaScript的佈局管理器一樣http://layout.jquery-dev.net/

來源

2011-03-21 15:51:45 tofarr

多個分辨率之間的CSS絕對定位

回答

相關問題