CSS에서 box-sizing은 요소의 크기를 계산하는 방식을 정의하는 속성입니다. 이 속성을 통해, 요소의 width와 height가 포함하는 영역이 달라지며, 레이아웃을 더 직관적으로 제어할 수 있습니다. box-sizing에는 주로 두 가지 값이 사용됩니다:1. content-box (기본값)요소의 width와 height가 내용 영역(content area)의 크기를 의미합니다. 즉, padding, border는 이 값에 포함되지 않고, 요소의 최종 크기에 추가됩니다.예를 들어, width: 200px인 요소에 padding: 20px과 border: 10px을 추가하면 최종 요소의 크기는 다음과 같습니다:가로 크기: 200px (content) + 20px (left padding) + 20p..
