当サイトはJavaScriptが有効に設定されていないと正しく表示されません。 【サンプルデモ】CSS3でレイアウト - Webデザインラボ

【サンプルデモ】box-sizingの比較

box-sizingの指定なし。
スマホサイト width:280px
PCサイト width:700px
border:10px
padding:10px

結果、左border10px+左padding10px+本体700px+右padding10px+右border10px=740pxで表示されています。

box-sizing:content-boxで指定するとpaddingとborderの値も含みます。上記のbox-sizingの指定なしと同じ表示になります。

box-sizing: content-box;
スマホサイト width:280px
PCサイト width:700px
border:10px
padding:10px

結果、左border10px+左padding10px+本体700px+右padding10px+右border10px=740pxで表示されています。

box-sizing:border-boxで指定するとpaddingとborderの値は含みません。

box-sizing: border-box;
スマホサイト width:280px
PCサイト width:700px
border:10px
padding:10px

widthで指定した値そのままの横幅700pxで表示されています。