ボックスサイズの計り方指定

FirefoxなどＣＳＳ２準拠のものは
中身　＋　padding　＋　border
ＩＥは
中身　＋　padding
で、ＩＥはボーダーの分だけ狭められてしまう。こっちがバグ。

ということで、ＣＳＳでどちらの測り方をするか指定することができる。

div {
  width: 200px;
  box-sizing: border-box;
}
p {
  width: 200px;
  box-sizing: content-box;
}

border-boxでＩＥ風、content-boxでCSS2準拠の測り方になる。
　
ただしこれはＣＳＳ３のための実験的な意味合いが強く、適応するブラウザがどれかは不明。