widthを記載したボックスには、左右のボーダーとパディングは避けよう

これには、色んな理由があります。
ひとつは、古いブラウザのボックスモデルの解釈が違うため。 次に、Win IEでの 左右ボーダーとパディングを設置した要素に後続する部分がずれる(5.5/6.0)とか。
CSS3になると、ボックスサイズの算出時にボーダーまでを含めるらしいので、最近ではあまりハックを使ってない。ボックスモデルを含めたハックは最終手段と考えています。

この記事を書いた人