【float】左右への配置と回り込みの指定2017/1/20floatプロパティでは、指定した要素を左、または右に寄せて配置し、後に続く要素の内容をその反対側に回り込ませることができます。値をleftで指定した要素を左に、rightで右に配置します。noneを指定した場合は、左右への配置と回り込みはされません。positionプロパティで「absolute」「fixed」を指定している場合は、floatは適用されません(値がnoneとなる)。floatを使用した回り込みへの解除は、clearプロパティを使います。floatプロパティを使用する場合は、指定する要素に対しwidthプロパティでその要素の幅を明確にする必要があります。置換要素の場合は、その要素が持っている幅(imgのwidth属性など)を利用する事も可能です。ちなみにfloatを指定する事で、そのボックスを左右に移動させることを浮動(フロート)といい、これが適用されたボックスと隣接するボックスのマージンは相殺されません。height="87">画像にfloat:left;を指定しています。画像は左に寄せて配置され、あとに続く内容(この場合テキスト)はその反対側に回り込みます。height="87">画像にfloat:right;を指定しています。画像は右に寄せて配置され、あとに続く内容(この場合テキスト)はその反対側に回り込みます。画像にfloat:left;を指定しています。画像は左に寄せて配置され、あとに続く内容(この場合テキスト)はその反対側に回り込みます。画像にfloat:right;を指定しています。画像は右に寄せて配置され、あとに続く内容(この場合テキスト)はその反対側に回り込みます。Explorer6では、背景色、または背景画像を指定しているボックス内で画像にテキストを回り込ませると、状況によってはテキストが表示されない場合があります。これはcssのfloatプロパティに限らず、htmlタグのalign属性を使っても発生します。いったバグは、画像の高さに対し回り込むテキストの量が少ない時に発生するようです(例えばウィンドウの幅を広くした時など)。これを解消するには、バグが発生している箇所全体を囲んでいる要素に対し、幅、または高さを設定することで解決します。値は「auto」以外にして下さい。