박스 사이징 (box-sizing)

다른 팀원이 짠 헤더와 내가 짠 바디를 합칠 때 문제가 발생했다.

*{
box-sizing: border-box
}

- box-sizing의 속성값

    - content-box : 콘텐츠 박스 기준

                            요소의 크기(너비/높이)를 100px로 설정하면 콘텐츠 박스의 크기가 100px이 되고, 패딩/테두리를 더하면

                             100px을 초과하는 값을 가지게 됨

    - border-box : 테두리 기준

                            요소의 크기(너비/높이)를 100px로 설정하면 테두리까지 포함해서 100px이 되도록 맞춰줌

                            콘텐츠가 테두리 안에서 삐져나가는 것을 원치 않을 때 주로 사용