CSS親戚應該忽略所有的孩子，相對於父母

Question

我喜歡做一些沒有浮動的定位。有沒有辦法獲得位置：相對;相對於父母而言，忽略所有其他孩子。不能使用絕對的，因爲父母不是。

.myDiv 
{ 
    float: left; 
    margin-left: 10px; 
    margin-top: 10px; 
    padding: 0px; 
    width: 100px; 
    height: 100px; 
    background-color: grey; 
} 

.myDiv1 
{ 
    background-color: green; 
    width: 10px; 
    height: 10px; 
    position: relativ; 
    top: 20px; 
    left: 10px; 
    display: inline-block; 
} 

.myDiv2 
{ 
    background-color: red; 
    width: 10px; 
    height: 10px; 
    position: relativ; 
    top: -20px; 
    left: 30px; 
    display: inline-block; 
} 

.myDiv3 
{ 
    background-color: black; 
    width: 10px; 
    height: 10px; 
    position: relativ; 
    top: -50px; 
    left: 50px; 
    display: inline-block; 
} 

不喜歡除外：http://jsfiddle.net/VLk6m/16/（所有的孩子都在同一頂部位置）

Answer 1

1. 這不是relativ它relative。
2. 您可以使用position: absolute，如果他們的父母有position: relative：JSFiddle

Answer 2

http://jsfiddle.net/VLk6m/19/

這當然是可能的，如果你拼寫正確相對。

你有position: relativ;它應該是position: relative;然後只是0你的left和top屬性。

.myDiv 
{ 
    float: left; 
    margin-left: 10px; 
    margin-top: 10px; 
    padding: 0px; 
    width: 100px; 
    height: 100px; 
    background-color: grey; 
} 

.myDiv1 
{ 
    background-color: green; 
    width: 10px; 
    height: 10px; 
    position: relative; 
    top: 0px; 
    left: 0px; 
    display: inline-block; 
} 

.myDiv2 
{ 
    background-color: red; 
    width: 10px; 
    height: 10px; 
    position: relative; 
    top: 0px; 
    left: 0px; 
    display: inline-block; 
} 

.myDiv3 
{ 
    background-color: black; 
    width: 10px; 
    height: 10px; 
    position: relative; 
    top: 0px; 
    left: 0px; 
    display: inline-block; 
}