CSS에서 요소의 박스 모델은 기본적으로 content-box가 기본값입니다. 이는 요소의 width와 height 속성이 콘텐츠 영역에만 적용되고, 패딩(padding), 테두리(border), 그리고 마진(margin)은 이 값에 포함되지 않는다는 것을 의미합니다. 즉, content-box를 사용할 때, 요소의 실제 크기는 설정한 width와 height에 패딩과 테두리가 추가된 값이 됩니다. CSS3에서는 box-sizing 속성을 도입하여 이 기본 동작을 변경할 수 있게 되었습니다. box-sizing 속성에 border-box 값을 설정하면, 요소의 width와 height가 테두리와 패딩을 포함한 크기를 지정하게 됩니다. 이 경우, 콘텐츠 영역의 크기는 전체 크기에서 테두리와 패딩을 제외한 ..