[CSS속성: 박스모델]크기계산(box-sizing)

box-sizing

요소 크기 계산 기준을 지정

기본값: content-box요소의 내용(content)으로 크기 계산
border-box요소의 내용 + padding + border 로 크기 계산

border/padding 넣으면 박스 요소 크기가 커짐
가로세로 너비는 유지하고 싶은데 테두리 패딩을 넣고싶다?

box-sizing: border-box;

우리가 수동으로 박스 크기를 계산해도 되지 않는 유용한 기능이다