Test用ページ

この部分には float:left が設定されている。

floatスタイル概要
ﾌﾞﾛｯｸ要素(画像や表など)を親ﾀｸﾞ範囲の左端／右端に配置。それに続くﾃｷｽﾄは逆側に配置される。
確認済みの回り込みできる要素はﾃｷｽﾄ、表、画像。子タグに継承しない。IE4，NN4(float-属性を指定すると表示が乱れることがある)に対応。

この部分には float:right が設定されている。

この部分には float:left が設定されている。

この部分には float:right が設定されている。

<body>
<div style="width:200;float:left;
    color:navy;font:13pt;border:1 solid green">
    この部分には float:left が設定されている。
</div>
<p><b>floatスタイル概要</b><br>
ﾌﾞﾛｯｸ要素(画像や表など)を親ﾀｸﾞ範囲の左端／右端に配置。それに続くﾃｷｽﾄは逆側に配置される。<br>確認済みの回り込みできる要素はﾃｷｽﾄ、表、画像。子タグに継承しない。IE4，NN4(float-属性を指定すると表示が乱れることがある)に対応。</p>

<div style="width:200;float:right;
    color:navy;font:13pt;border:1 solid magenta">
    この部分には float:right が設定されている。
</div>
<p><b>floatスタイル概要</b><br>
ﾌﾞﾛｯｸ要素(画像や表など)を親ﾀｸﾞ範囲の左端／右端に配置。
･･･(内容は省略)</p>

<div style="width:150;float:left;
    color:navy;font:12pt;border:1 solid green">
    この部分には float:left が設定されている。</div>
<div style="width:150;float:right;
    color:navy;font:12pt;border:1 solid magenta">
    この部分には float:right が設定されている。</div>

<p><b>floatスタイル概要</b><br>
ﾌﾞﾛｯｸ要素(画像や表など)を親ﾀｸﾞ範囲の左端／右端に配置。
･･･(内容は省略)</p>

END(99/9/10)

floatの例(ﾃｷｽﾄに利用)