、
基本的な使用例をフロート
1は、我々は最初の二つのdivボックスを構築し、高さ、幅、および背景色を設定します。
ページ上の最初の2つのボックスの位置を次のように
私たちは、その後、赤いボックスの右にフロートします
その後、我々は右に浮いた赤いボックスを見つけますが、直接青色のボックスに、元の赤いボックスの位置に移動します。
その後、我々は結果を確認するには右に青色のボックスを浮動されます。
私たちは、別の行に影響を与え、それが赤いボックスの配置が続いていることがわかりますし、ブロックレベル要素の影響を受けません。
フロート位置の第二に、基本的なルール
要素のフロート属性値が位置をフロートに属する元素、左または右である1、。
残りの空間は、ダウンボックス浮くことができない場合2は、ボックスは十分なスペースがボックスを収容するために提供されるまで、下方に移動し、左または右に移動させます。
図3に示すように、ボックスの上端は、ボックスの上面側の上方に浮動することができません。
フローティングボックスを無視して、ボックス内に置かれたときに正常な流れを、従来のフローボックスを回避するために、浮動ボックスに入れ4、。
図5に示すように、従来の自動カセットフロー計算の高さは、フローティングボックスを無視
図6に示すように、透明なフロート：クリア：両方（左または右）。