Question

我有一个包含两个孩子的元素，其中一个孩子绝对定位。我希望这个绝对定位的元素落后于它的兄弟。似乎z-index没有太大影响。我该如何做到这一点？

JSFiddle here：http://jsfiddle.net/03c3qq6w/我希望绿色框位于红色框后面。

Answer 1

将位置：相对置于#two div 解决问题：http://jsfiddle.net/03c3qq6w/1/

#two {
    position: relative;
}

要使用 z-index ，您必须在元素中添加位置。

来自Css-Tricks ：

CSS中的z-index属性控制垂直堆叠顺序重叠的元素。就像在，哪一个看起来好像是在物理上离你更近。 z-index仅影响具有位置的元素 static以外的值（默认值）。