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 demo

http://jsfiddle.net/xnqsF/

同一位置的两个div

2 个答案: