internet-explorer-8 - IE8 と IE9 のボックス モデルの違い

Question

最近、IE8 は "Quirks Mode" と同じようにボックスをレンダリングするのに対し、IE9 では他の最新のブラウザーと同じように問題がないことに気付きました。

以下は、IE が 8 および 9 でボックスをレンダリングする方法のスクリーンショットです。

<div style="width: 150px; height: 150px; border: 1px solid red; padding: 2px; margin 3px; background: #333;">
</div>

私の質問は、どうすれば IE8 で IE9 のようにボックスをレンダリングできるかということです。ありがとうございます。

Answer 1

で IE8 を使用するbox-sizing: border-box;場合div。

また、と の:間marginに a がありません3px。ベスト プラクティスとして、スタイリングをマークアップから分離します。