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
，您可以使用{{1}}

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;
}