floatを指定したらmarginが2倍になってしまったfloatを指定したらmarginが2倍になってしまった投稿日:2009年06月24日IE6でもっとも有名なバグの一つで、これを知らないと色んなところではまってしまうので覚えておきましょう。このバグの発生条件は、floatプロパティに指定した値と同じ方向にmarginプロパティの指定をする事で発生します。このバグは先行するフロートボックスが有る場合、後続するフロートボックスには発生しません。20px;の宣言が有る事で、バグが発生します。同様の宣言が.subAreaにも有りますが、こちらにはバグは発生しません。このサンプルを今見ているブラウザで表示すると以下のようになります。inline;を追加する事で可能です。inline;}今回、スターハックで対応していますが、.mainAreaに直接宣言を追加しても問題ありません。言え、IE6対策である事を分かりやすくしておいた方が後々ソースを見た時に把握しやすくなると思いますし、思いがけない不具合などの発生を抑える事ができます。この宣言を追加したサンプルを今見ているブラウザで表示すると以下のようになります。