internet-explorer-7 - IE7の国境問題

Question

私のWebページには、幅0のdivがあり、それぞれ1px幅の左右の境界線があります。

Firefoxでは、次のコードを指定すると、50ピクセル幅のdivが保持されますが、IE7ではたまたま48ピクセル幅です。

<div style="width: 48px; border: #a9a9a9 1px solid; height: 30px;">test div</div>

誰かが私がこの問題を解決するのを手伝ってもらえますか？

前もって感謝します。

Answer 1

IE ボックス モデルのバグのようです。Quirks モードの場合、IE は要素の幅からボーダー、パディング、マージンを減算します。以下の図を参照してください。

HTML に対して正しい DOCTYPE を宣言すると、この問題は解消されます。