개발자 도구를 열어보면 이렇게 margin , border , padding , content의 각각의 영역을 확인 할 수 있다. box-sizing 속성은 2가지가 있는데 content-box , border-box 두 가지가 있으며 이 중 default값은 cotent-box 이다. content-box는 기본 content만 지정하는 것을 말하고, border-box는 박스 사이즈를 결정할 때 border , padding, content 3가지를 합쳐서 포함하는 것을 말한다. 아래의 코드 예시와 결과 값을 비교해보자. ※ 실행결과 및 box-sizing 주의 할 점 및 용도 같은 크기의 너비와 높이로 코드를 작성했지만 content-box는 그 너비와 높이에 border , padding, con..
