Css #7 - box-sizing

컨텐츠 영역에 border까지를 포함시키는 box-sizing 속성 ★

• css box model을 계산할 때 보통 width + (padding 2) + (border 2) + margin *2) 이런 공식으로 계산을 하지만, box-sizing속성을 이용하면 padding영역과 border영역을 컨텐츠 영역(width/height)안에 포함시켜준다.

===========<속성값>===========

• box-sizing : content-box;
  : 기본값으로 padding과 border를 컨텐츠 영역에 포함시키지 않음.
• box-sizing : border-box; ★
  : 컨텐츠 영역안에 padding과 border를 포함시킴.