Box model : 여긴 내 구역이야 XX들아!

지난 포스팅 중 개발자 도구 뜯어먹기 : Elements 편에서 마지막에 Box-model에 대해서 짧게 언급하고 지나갔었다.근데 이게 프론트엔드 면접 질문으로 나올 수도 있다기에 조금 더 정리해 보려고 작성해 본다. 먼저 읽고 오면 좋은 글개발자 도구 뜯어먹기 : Elements Box model기본적으로 박스 모델에 대한 정의를 해보자면 모든 HTML 요소를 이루고 있는 구조다.기본적인 구성은 margin, border, padding, content로 구성이 되어있다. 모든 HTML 요소를 이루고 있는 구조라고 하는 말은 HTML에서 사용한 각 태그마다 이 박스 모델을 가지고 있다는 것을 의미한다.모든 태그가 이 박스 모델을 가지고 있다는 것은 결국 문서의 레이아웃을 구성하기 위함이라고 볼 수 있겠..