box-sizing

box-sizing는 박스 모델의 크기를 계산 방식을 설정하는 속성이다.

기본값은 content-box이다. 박스 크기를 내부의 컨텐츠 크기만 계산한다.

border-box는 박스 크기를 컨텐츠 크기, 테두리, 패딩까지 포함하여 계산한다.

 

도움된 글

https://velog.io/@nalsae/%EB%82%B4%EB%B3%B4%EC%A0%95CSS-%EB%AA%A8%EB%A5%B4%EB%A9%B4-%EA%B3%A4%EB%9E%80%ED%95%9C-box-sizing