padding이 말을 듣지 않는다…

• 문제
• 해결
• 번외

문제

griditem의 body에 padding을 넣으려 했다.

하지만 padding이 높이를 %로 지정하니 레이아웃이 깨져 버렸다.

해결

calc는 사용하기 싫어 구글 선생님과 오랜 대화를 한 결과

box-sizing: border-box; 를 찾았다.

padding을 하여도 전체 크기를 변경하지 않는 속성이다.

번외

IE7는 기대를 져버리지 않고 지원이 되지 않는 다고 한다 👍