在另一個div上重疊另一個

如何在屏幕大小調整上重疊另一個div頂部的div。以下是我的html。當屏幕從右向左拖動時，我希望白色div能夠在另一個紅色div的頂部。現在，白色的div就在紅色的div下面。下面在另一個div上重疊另一個

是我的html：

<div id="red">RED DIV</div> 
<div id="white">WHITE DIV</div> 

#red{ 
    background:red; 
    width:100px; 
    height:100px; 
    float:left; 
    margin: auto 0; 
    z-index:2 
} 
#white { 
    background:white; 
    width:100px; 
    height:100px; 
    margin: auto 0; 
    float:left; 
    position:relative; 
    left:20%; 
    z-index:200; 
}

編輯：請不要告訴我用絕對位置。我想從白div的右側的文本上的調整大小進行修整...

來源

2011-12-14 Mike

可能重複：http://stackoverflow.com/questions/3825542/how-i-can-overlap-a-div-on-to順便提一句 - – 2011-12-14 20:37:38

您需要添加的位置是：絕對的白格。

編輯 - 更新到你的位置絕對的聲明 - 「我想要的文字 - 儘管你可能只是沒有正確

....

重新編輯做從白色div的右側調整大小「 ...我不確定我是否理解這一行。白色的div在最上面，對吧？並且它有一個100px的定義寬度，在調整屏幕大小時根本不會改變。什麼被修剪，爲什麼？你的意思是你想要的RED div來包裝正在被掩蓋了其在上面會按照這裏的語句WHITE格文：「我要的白格去另一個紅格的頂部」 您需要澄清您的需求，然後才能幫助解決此問題。

來源

2011-12-14 20:37:12

只需添加一個position:absolute到紅格

DEMO

來源

2011-12-14 20:37:51

在另一個div上重疊另一個

回答

相關問題