IE8 で margin が効かない？削除されることがあるので対策を行う方法

Windows

2018.11.082017.06.28

IE8 で、JavaScript を実行していると margin が削除されてしまうことがありました。

Firefox や Chrome、IE11 では問題ありません。

困ったので対策を行ってみました。

IE8 で margin が削除される現象

はっきりとは現象を把握できていませんが、およそこんなIE8の不具合？です。

FirefoxやChrome、IE11では以下のように表示されます。

IE8 でも最初は以下のように表示されていました。

あるJavaScriptを実行していると、IE8だけ以下のようになります。

あるはずの margin が削除されて消えてしまいます。

この件はIE8の不具合のようですが、以下のようにすると現象は解決します。

該当の <div> エレメントのCSS に以下を追加します。

float: left

すると不思議！

現象は解決されました。

↓CSS レスポンシブデザインのおすすめの本はコチラ