아래와 같이 box sizing을 안넣고 padding을 20px;&nbsp; 그리고 border를 10px를 줬을때 두번째 사진처럼 패팅이 먹히는데, 박스사이징을 보더박스로 한 경우에는 상하좌우로 20px; 패딩이 안먹히잖아요. 원래 그런건가요?

<img src="https://cdn.inflearn.com/public/files/posts/0b1cc18e-5b79-46a2-a544-09b3bd2691cd/질문1.png" title="질문1.png" width="1536" height="864" alt="" />
<img src="https://cdn.inflearn.com/public/files/posts/37abb295-822d-42b4-95de-be2399cc823a/질문2.png" title="질문2.png" width="1536" height="864" alt="" />

box-sizing: border-box 를 넣으면 패딩과 보더가 안먹는게 아니라 적용되는데 그게 최초에 정한 너비와 높이를 유지한채 안쪽으로 적용되는 거에요.
box-sizing: border-box 연습하실 때는 임시보더를 드리고 하셔야 이해가 빠르세요.

인프런 커뮤니티 질문&답변

box-sizing태그에 대해서 궁금한점이 있습니다.