우리가 css를 하다가 마진과 패딩등 여러가지를 만지다 보면 box-size가 계속 바뀔때가 있어, 불편할 때가 있다.

이럴때는 *에 Box-sizing: border-box로 설정해 놓자

border-box는 테두리와 안쪽 여백의 크기도 요소의 크기로 고려한다. 너비를 100 픽셀로 설정하고 테두리와 안쪽 여백을 추가하면, 콘텐츠 영역이 줄어들어 총 너비 100 픽셀을 유지합니다. 대부분의 경우 이 편이 크기를 조절할 때 쉽습니다.