[면접준비] margin과 padding의 차이

margin은 border 외부의 크기이고 padding은 border 내부의 크기를 의미합니다.

어떤 내용을 기준으로 padding이 감싸지고, 그 위에 border가 있으며, border위에 margin이 감싸지는 형태입니다.

만약 box-sizing:border-box; 를 사용하면 border크기가 고정 사이즈이므로 padding을 넣으면 컨텐츠영역이 줄어들게 됩니다.