CSS : box-sizing: border-box;

box-sizing: border-box;

---

200px 박스에 50px Padding 값을 준다고 하였을때

최종적으로 50+200 = 250px 의 박스가 생성된다.

200px의 박스를 50px만큼 밀어버린 것이다.

 

그런데 우리가 원한 것은 250px 박스가 아니라 200px의 박스다.

이럴때 사용하는것이 box-sizing이다.

box-sizing: border-box;