0

フロートなしでポジショニングを行うのが好きです。position: relative; を取得する方法はありますか? 他のすべての子を無視して、親に対して相対的になります。親が存在しないため、absolute は使用できません。

.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/ (すべての子は同じトップの位置にあります)

4

2 に答える 2

4
  1. そうじゃrelativないrelative
  2. position: absolute親が持っている場合に使用できますposition: relative: JSFiddle
于 2013-05-20T13:44:26.690 に答える