html - 设置没有位置的重叠 Div 的层次结构：绝对

Question

小提琴

在 div 重叠的简单情况下

<div id='first'>
    first
</div>

<div id='second'>
    second
</div>

CSS：-

#second {
    margin-top: -18px;
    background: #fff;
}

您如何确保seconddiv 显示在firstdiv 上，#first而不可见（在重叠区域中）？

我不想做任何 div position:absolute。

Answer 1

您将需要使用 z-index。将第二个设置为更高的 z-index

Answer 2

就像 Chausser 说的，使用 z-index 和 position:relative;

http://jsfiddle.net/xreVf/4/

#second {
  position:relative;
  z-index:2;
}