box-sizing

너비·높이에 padding·border를 포함할지 정합니다.

border-box로 두면 width가 테두리까지 포함한 전체 크기가 되어 레이아웃 계산이 직관적입니다. 많은 프로젝트가 전역으로 border-box를 적용합니다.

주요 값content-box | border-box

예시

* { box-sizing: border-box; }