兩個div在同一位置

Question

我有兩個div。第二個div應該放在第一個div上，所以...當點擊第一個div中的菜單按鈕時，應該在第一個div上出現第二個div（第二個div覆蓋第一個div）。我在第一個下創建了第二個div，給了它相對的位置，並把它提到了第一個div。但有一個問題。有一個溢出，導致div很長，div的高度保存在底部。如何做到這一點沒有任何問題？

Answer 1

HTML

<div class='wrapper'> 
    <div class='firstDiv'></div> 
    <div class='secondDiv'></div> 
</div> 

CSS

.wrapper{ 
    position: relative; 
} 

.firstDiv, .secondDiv{ 
    position: absolute; 
} 

Answer 2

HTML

<div class="one"> 
    <div class="two"></div> 
</div> 

的CSS： -

.one 
{ 
    width: 170px; 
height: 170px; 
position: relative; 
background: red; 
} 
.two 
{ 
    width: 70px; 
height: 70px; 
position: absolute; 
background: black; 
} 

jsfi ddle demo

http://jsfiddle.net/xnqsF/