不同Z指数父母的浮动div互相影响

Question

布局非常简单。

<div id="div1"> 
    <div id="div1-child"> 
    </div> 
</div> 
<div id="div2"> 
    <div id="div2-child"> 
    </div> 
</div> 

两个孩子都漂浮在他们父母的右侧和100％身高。但第一个孩子有点低，所以第二个div被推到左边，为第一个孩子腾出空间。我需要div2-child重叠div1-child。但如果我设置不同的z-index到div1和div2,div1-child只是重叠div2仍然影响div2-child。

我需要这个来解释。

这里是fiddle。

Answer 1

如果您给予相对于父母的位置，那么您必须玩绝对位置的第二个儿童潜水。

如果你是绝对与第二个div孩子不是你的工作演示位置一致低于

jsfiddle.net/2Js5B/2/