CSS亲属应该忽略所有孩子,相对于父母

时间:2013-05-20 13:41:44

标签: html css

我喜欢在不浮动的情况下进行一些定位。有没有办法获得职位:亲戚;相对于父母,忽略所有其他孩子。不能使用绝对值,因为父级不是。

.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/(所有孩子都在同一个位置)

2 个答案:

答案 0 :(得分:4)

  1. 不是relativ它是relative
  2. 如果父母有position: absolute position: relative
  3. ,您可以使用{{1}}

答案 1 :(得分:0)

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

如果您正确拼写相对,这肯定是可能的。

您有position: relativ;它应该是position: relative;然后只有0 lefttop属性。

.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;
}
相关问题