박스사이징(box-sizing) - 요소의 크기를 화면에 표시하는 방식

 - 컨텐츠 기준으로 바뀜

div{ margin:10px;width:150px;}

#small{border:10px solid #000;}

#large{border:30px solid #000;}

<div id="small">small</div>

<div id="large">large</div>

위와 같이 사용할 경우 small과 large가 크기가 달라진다. 

이를 A와 B를 같은 크기로 수정하기 위한게 box-sizing:border-box; 를 사용한다.