position:absolute(絶対位置指定)

このｺﾝﾃﾅ要素にはposition指定無し

このｺﾝﾃﾅ要素にはposition:absolute指定あり

このｺﾝﾃﾅ要素にはposition:relative指定あり

* 3つのｲﾝﾗｲﾝ画像ともposition:absolute;top:40;left:100が設定されている。上の画像の配置原点はWWWﾌﾟﾗｳｻﾞの左上。下の2画像の配置原点はｺﾝﾃﾅの左上。

ｲﾝﾗｲﾝ要素のabsolute指定・ｺﾝﾃﾅ要素がabsolute／relative指定されている場合、そのｺﾝﾃﾅの左上が原点になる。
・それ以外の場合、WWWﾌﾟﾗｳｻﾞの左上が原点になる。

<div>このｺﾝﾃﾅ要素にはposition指定無し
    <img style="position:absolute;top:40;left:100"
    src="../../images/bt01.gif" WIDTH="70" HEIGHT="31">
</div>

<div style="position:absolute;top:100;left:50;">
    このｺﾝﾃﾅ要素にはposition:absolute指定あり
    <img style="position:absolute;top:40;left:100"
    src="../../images/bt01.gif" WIDTH="70" HEIGHT="31">
</div>

<div style="position:relative;top:70;left:20;">
    このｺﾝﾃﾅ要素にはposition:relative指定あり
    <img style="position:absolute;top:40;left:100"
    src="../../images/bt01.gif" WIDTH="70" HEIGHT="31">
</div>

END(99/6/2)

ｲﾝﾗｲﾝ要素のposition:absolute(絶対位置指定)