フロートしたはずの要素が横並びにならない（IE 6） -『現場のプロから学ぶXHTML+CSS』サポートサイトIE 6には「フロートした要素にマージンを指定すると、フロート方向のマージンが倍近くに増加する」というバグが存在します。 そのため、横並びにしたふたつのボックス間のマージンが広がってしまったり、並ばずに「落ちてしまう」ことがあります。 次のふたつのような対処法がありますので、状況によって使い分けましょう。 「display:inline」を追加する 問題のある要素に「display: inline;」を追加します。CSSの仕様上、floatプロパティが「none」以外の要素は、displayプロパティの値が強制的に「block」に変換されるため、実際にdisplayプロパティの値を変更することにはならないのですが、このバグへの対策としては有効です。 div#box { float: left; margin-left: 20px; display: inline; /* IE 6でのマージ
