[CSS]div 박스 크기 고정하는 법(max-width 안먹힐때)

max-with 를 일정 픽셀로 잡아놔도

padding 크기가 커질경우 해당 픽셀보다 박스가 커지는 경우가 있다.

 

이는 width 가 박스의 크기가 아닌 컨텐츠 영역의 크기만을 나타내기 때문이다.

( box-sizing : content-box 가 디폴트로 깔려있음 )

이를 해결하기 위해서는 max-width 설정과 더불어

box-sizing : border-box;

위 속성을 추가해야 함