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

Question

fiddle

在div的重叠的简单情况下

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

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

css： -

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

如何确保second div显示first div，#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;
}