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で表示されています。