HTML에서 padding을 주게되면 박스가 커진다. 이게 무슨소리냐면.. 다음과 같이 width 와 heigth가 300px인 박스가 있다. 이제 여기서 패딩을 30px 만큼 주게된다면 위와같은 모양으로 변하게된다. 여기서 살펴보면.. width:300px height:300px 의 크기는 그대로 유지한 채 박스가 커진다는걸 관찰 할 수 있다. 즉 우리가 내용을 작성할 공간은 변함이 없다는 것이다. 하지면 여기서 Hi 위의 코드처럼 box-sizing: border-box; 라는 css 속성을 주게되면? padding 이 들어간 모습은 잘 관찰할 수 있다. 하지만? 박스의 크기가 그냥 padding을 줬을 때보다 작아진 느낌이 든다! width:300px / height:300px 의 공간 내부에 pa..