box-sizing 속성

border <- 바깥쪽으로 형성된다 width:100px , height: 100px에 border: 10px을 주면 총 width:120px, height: 120px이 된다

1)border-box를 사용하면 안쪽에 생성

box-sizing:border-box

2)content-box 속성값
전체크기= content-box + border + padding + margin
컨텐츠 크기 = content-box
border, margin, padding을 설정하면 합산되어 지정한 width, height보다 태그 영역이 더 커질 수 있습니다.