關於div的位置

Question

我有這三個div的我只是想知道如何多個div在DIV位置：

<div id="myDIV" > 
    <div id="child"> 
    </div> 
<div id="child2"> 
    </div> 
</div> 

div#myDIV 
{ 
position:relative; 
width:300px; 
height:300px; 
background:red; 
left:10px; 
top:100px; 
} 

div#child 
{ 
position:relative; 
width:100px; 
height:100px; 
background:blue; 
left:10px; 
top:10px; 
} 

div#child2 
{ 
position:relative; 
width:100px; 
height:100px; 
background:yellow; 
left:150px; 
top:10px; 
} 

    http://jsfiddle.net/ynw5d/ 

爲什麼黃格不頂：10喜歡藍色的div？

有什麼更好的使用：位置相對或邊緣與divs工作。

Answer 1

我認爲他希望這

小提琴：http://jsfiddle.net/NwSU4/

HTML：

<div class="outer"> 
    <div class="inner"></div> 
</div> 

CSS：

.outer{ 
    background-color: red; 
    margin:100px; 
    width:100px; 
    height:50px; 
    position: relative; 
} 

.inner{ 
    background-color: blue; 
    width:50px; 
    height:100px; 
    position: absolute; 
    top: -50px; 
    left: 0; 
}