box-sizing: border-box

div {
 width : 100px;
 height : 100px;
 background: red;
 padding: 10px, 20px;
 }
 
 //이렇게만 css를 해준다면가로 100px, 세로 100px, 배경색 빨강, 에다가 padding 10px, 20px를 주기 때문에
 가로는 총 120px, 세로는 110px가 된다. 그러나
 
 div {
 width : 100px;
 height : 100px;
 background: red;
 padding: 10px, 20px;
 box-sizing : border-box;
 }
 를 해준다면 가로 세로 100px 안에padding을 10px, 20px를 자동으로 설정해준다.