いまさらながら、CSS3のbox-sizing:border-box;

ボックスサイズの算出方法を指定するbox-sizingをCSSで使っている、@ひかげです。

IE8以上から対応するので、いまさら感なのですが、おまじない的な位置づけで記述してみました。

CSS3 box-sizing 記述内容

ひかげすたいるで使っている記述

*,*:before,*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

おわりに

ホームページのデザインはCSSリセットを基本としていますが、HTMLやCSSも進化しているので、box-sizingも含めて使いやすい自分流のセッティングを持っておくと便利ですね。