float：CSSプロパティの使い方とサンプルコード集 - ウェブランサー

floatプロパティの説明 floatは、要素を浮動状態にして右寄せ、または左寄せで配置します。浮動状態になった要素は、通常のウェブページのレンダリングのフローから外れます。しかし、positionによる絶対位置指定とは異なり、フローの一部であり続けます。 通常のフローであれば、ブロック要素は書字方向の交差軸に重なります。英語や横書きの日本語であれば、文字は左から右へ流れ、ブロック要素が閉じられると上から下に向かって重なります。つまり、floatで通常のフローから外れると、この文法を無視して包含ボックスの右や左の辺に寄せて配置されるのです。 浮動要素と同じ階層に配置された通常フローの要素は、右や左に寄せられた浮動要素に回り込むように配置されます。ここに適切な余白を指定しておくと、カラムレイアウトを作成しなくとも、ブロック要素を横に並べることができます。 浮動要素は、しばしば意図しない要素の