文字など、他の何かを基準にして(浮動的に) 配置します。
他の何かを基準に浮動配置する領域は、浮動領域と呼ぶことにします。

内側余白 PADDING、外側余白 MARGIN は有効です。
ただし 負の外側余白は、
　Netscape=縦方向のみ。IExplore=横方向のみ。
　ネストされている内側では、親の領域を越えることはできません。

LEFT　. . . 他の何かの、左側に配置します。(この例では AA BB の左側。)

次の内容。

<SPAN>〜</SPAN>の後の、<BR CLEAR=LEFT>までの内容位置を基準にします。
基準に使われる内容は、浮動領域の右側に、移動配置されます。
<BR CLEAR=LEFT>は、<BR CLEAR=ALL>と書くこともできます。
これを書かないと、次の内容は、浮動領域の右側に表示されます。

基準の範囲を限定するには、CLEAR:LEFT; というスタイルもあります。
しかし、IExplore と Netscape では、その働きが違います。
IExplore　:　空の領域では指定しても無効です。
Netscape　:　FLOAT:LEFT; などといっしょに書くと無効です。
<BR CLEAR=ALL>と書くのが 簡単で確実です。

RIGHT　. . . 他の何かの、右側に配置します。(この例では AA BB の右側。)

次の内容。

<BR CLEAR=RIGHT>は、<BR CLEAR=ALL>と書くこともできます。


LEFT & RIGHT　. . . 他の何かの、左右に配置します。(この例では AA BB の左右。)

LEFT & LEFT　. . . 他の何かの左側に、続けて配置します。(この例では AA BB の左側。)

NONE　. . . 浮動配置しません。

Netscape では、NONE の指定では背景色が無効になる場合があります。
( 上記は表の中に表示しているので、実際には背景色を十進数指定しています。)
なお、右の二つは擬似表現されています。

CENTER または MIDDLE ( Netscape のみ。)
左右の中央に配置します。　　. . . 用例は省略します。

ネストの例 (１)

<!--左側--> <SPAN STYLE="BORDER-STYLE:SOLID; BORDER-WIDTH:1PX; BACKGROUND:F0F0FF; WIDTH:180PX; FLOAT:LEFT;"> <SPAN STYLE="BACKGROUND:A0A0FF; WIDTH:40PX; FLOAT:LEFT;"> 左<BR>の<BR>１<BR></SPAN> <SPAN STYLE="BACKGROUND:B0B0FF; WIDTH:40PX; FLOAT:LEFT;"> 左<BR>の<BR>２<BR></SPAN> <SPAN STYLE="BACKGROUND:D0D0FF; WIDTH:40PX; FLOAT:RIGHT;"> 左<BR>の<BR>３<BR></SPAN> 左側<BR> </SPAN> <!--右側--> <SPAN STYLE="BORDER-STYLE:SOLID; BORDER-WIDTH:1PX; BACKGROUND:FFF0F0; WIDTH:180PX; FLOAT:RIGHT;"> <SPAN STYLE="BACKGROUND:FFD0D0; WIDTH:40PX; FLOAT:LEFT;"> 右<BR>の<BR>１左<BR></SPAN> <SPAN STYLE="BACKGROUND:FFB0B0; WIDTH:40PX; FLOAT:RIGHT;"> 右<BR>の<BR>２右<BR></SPAN> <SPAN STYLE="BACKGROUND:FFA0A0; WIDTH:40PX; FLOAT:RIGHT;"> 右<BR>の<BR>３右<BR></SPAN> 右側<BR></SPAN> <!--左の続き--> <SPAN STYLE="BACKGROUND:F0FFF0; WIDTH:110PX; FLOAT:LEFT;">左の続き<BR> <SPAN STYLE="BORDER-STYLE:SOLID; BORDER-WIDTH:1PX; BACKGROUND:A0FFB0; WIDTH:50PX; FLOAT:LEFT;"> 中の<BR>１<BR></SPAN> <SPAN STYLE="BORDER-STYLE:SOLID; BORDER-WIDTH:1PX; BACKGROUND:B0FFA0; WIDTH:50PX; FLOAT:LEFT;"> 中の<BR>２<BR></SPAN></SPAN> <BR CLEAR=ALL>

ネストの例 (２)

<!--左側--> <SPAN STYLE="BACKGROUND:F8F0C8; WIDTH:110PX; FLOAT:LEFT;">左側<BR> <SPAN STYLE="Z-INDEX:1; BACKGROUND:E8E0B8; WIDTH:50PX; FLOAT:LEFT;">左<BR>の<BR>１<BR></SPAN> <SPAN STYLE="Z-INDEX:2; BACKGROUND:E4CCA0; WIDTH:50PX; FLOAT:LEFT; MARGIN-TOP:10PX; MARGIN-LEFT:-20PX;">左<BR>の<BR>２<BR></SPAN><BR CLEAR=LEFT> 左の終り。 </SPAN> <!--左の続き--> <SPAN STYLE="BACKGROUND:FFE090; WIDTH:120PX; FLOAT:LEFT; MARGIN-LEFT:20PX;">左の続き<BR> <SPAN STYLE="WIDTH:10PX; FLOAT:LEFT;">　</SPAN> <SPAN STYLE="BACKGROUND:F0D080; WIDTH:100PX; FLOAT:LEFT;">続きの中<BR></SPAN><BR CLEAR=LEFT> 続きの終り。 </SPAN> <!--右側--> <SPAN STYLE="BACKGROUND:F8F0C8; WIDTH:110PX; FLOAT:RIGHT;">右側<BR> <DIV STYLE="BACKGROUND:E8E0B8; WIDTH:100PX; FLOAT:TOP;">右の１<BR></DIV> <DIV STYLE="BACKGROUND:E6D8AC; WIDTH:100PX; FLOAT:MIDDLE;">右の２<BR></DIV> <DIV STYLE="BACKGROUND:E4CCA0; WIDTH:100PX; FLOAT:BOTTOM;">右の３<BR></DIV> </SPAN> <!--基準--> 浮動表示の<BR>後の内容。<BR CLEAR=ALL>

メモ : Netscape では、[左の２]より [左の１]が上に表示されます。
　　IExplore では、後に書かれた [左の２]が上に表示されます。
　　浮動配置の場合には、重ね順を変更できません。( と思います。)

上記の例はすべて、文字の大きさを指定するコードを省略しています。

Netscape では、文字の大きさは 浮動配置のスタイルとは別に指定します。
なお、Netscape では、BODY で指定したスタイルは、
　浮動領域の中および表の中には届きません。
　浮動領域の中と表の中は、ブラウザのデフォルトのスタイルになるようです。