[property] box-sizing

<style>
    * {
      box-sizing: border-box;
    }
    div {
      margin: 10px;
      width: 150px;
      box-sizing: border-box;
    }
    #small {
      border: 10px solid black;
    }
    #large {
      border: 30px solid black;
    }
  </style>

=> box-sizing의 default 값은 content-box 이다.
     즉, width 나 height 속성을 줄 때 content 크기만 조절된다.
     하지만 border-box 값을 주면 border를 포함한 크기로 조절이 되기 때문에,
     sizing을 하는데 예측하기 쉬워진다.
     그래서 많은 경우에 전체 element에 box-sizing: border-box 설정을 해준다.