1. Box-sizing box-sizing에 대해서 알아봅시다. css 박스 모델의 기본값에서, 지정한 너비와 높이는 요소의 콘텐츠 박스 크기에만 적용이 됩니다. width + padding + border = 요소의 실제 너비 height + padding + border = 요소의 실제 높이 즉, 요소의 너비 / 높이를 설정할 때 요소가 설정 한 것보다 더 크게 나타나는 경우가 많습니다 (요소의 테두리와 패딩이 요소의 지정된 너비 / 높이에 추가되기 때문). 따라서 크기를 설정할 때, 원하는 크기를 얻으러면 테두리나 안쪽 여백을 고려해야 합니다. 예를 한번 들어 볼까요? .div1 { width: 300px; height: 100px; border: 1px solid blue; } .div2 { w..
