box-sizing プロパティ


■widthなどを%で指定する際に便利なプロパティです。

・box-sizing:border-box;
padding と border の大きさを要素の大きさ含めることができる

例えば、
width:50%のボックスを二つ横に並べる際、ボーダーの大きさなどがボックスの大きさ(width:50%内)に含まれるので、
レスポンシブデザインなどで活用できる。

■参考
box-sizing-CSS3リファレンス