インライン要素のposition:relative(相対位置指定)

インライン要素の場合 親要素の直前位置を基準に(top:25;left:20)配置される

インライン要素が画像の場合でもbt01.gif (1704 バイト)のように同じこと

親要素が絶対配置の場合でもbt01.gif (1704 バイト)のように一緒に移動する

 

 

(結果)relative配置のインライン要素では ・親要素(コンテナ)の直前位置が原点になる。

htmlsouse.gif (2461 バイト)


<p>インライン要素の場合
    <span style="position:relative;top:25;left:20">
    親要素の直前位置を基準に(top:25;left:20)</span>
配置される</p>

<p>インライン要素が画像の場合でも
    <img style="position:relative;top:25;left:20"
    src="../../images/bt01.gif" width="70" height="31">
のように同じこと</p>

<div style="position:absolute;top:250;left:50">
    親要素が絶対配置の場合でも
    <img style="position:relative;top:25;left:20"
    src="../../images/bt01.gif" WIDTH="70" HEIGHT="31">
    のように一緒に移動する
</div>

END(99/6/2)