同一位置的两个div

Question

我有两个div.第二个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;
}

jsfiddle 演示

http://jsfiddle.net/xnqsF/