박스 모델 고정 크기

자바스크립트에서 박스 설정 후 내가 width를 500px 를 주었는데 실제 크기는 560px일 때 원인은 다음과 같다

padding : 20 px

border: 10px

그래서 지정한 크기 안에서 설정하려면 다음과 같은 속성을 넣어야 한다

box-sizing: border-box;

이렇게 하면 width 가 500px 내에서 다 설정한다