不同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/