javascript - 特定のdivに相対的な位置を与える方法

Question

.raになりたいposition:relativeです.da。

div に与えるposition:relativeと.ra、親に従って移動しdivます。

私CSSを助けてください。

<div>
<div class="ra">hi</div>
<div></div>
</div>

<div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</div>
<div>
<div style="float:left;"></div>
<div class="da">....</div>
</div>

.ra
{
    position:relative;
    left:200px;
    top:450px;
    min-width:101px;
    min-height:256px;
}
.da
{
    float: left;
    width: 287px;   
    padding: 0 5px 0 15px;
}

Answer 1

.ra相対的な唯一の方法は、内側に配置されている.da場合です。これは当てはまりません。それに応じて HTML を変更する必要があります。.ra.da

HTML:

<div class="da">
    <div class="ra">
        This is relative to parent
    </div>
</div>

CSS:

.da{
    position: relative;
}