width: 500px; height: 250px; box-sizing: （指定なし）;
→ width と height の範囲は、content 部分になります。
width: 500px;
height: 250px;
padding: 20px;
border: 20px #000 solid;
margin: 20px;
box-sizing: （指定なし）
width: 500px; height: 250px; box-sizing: content-box;
→ width と height の範囲は、content 部分になります。
width: 500px;
height: 250px;
padding: 20px;
border: 20px #000 solid;
margin: 20px;
box-sizing: content-box;
width: 500px; height: 250px; box-sizing: border-box;
→ width と height の範囲は、border 部分までになります。
width: 500px;
height: 250px;
padding: 20px;
border: 20px #000 solid;
margin: 20px;
box-sizing: border-box;