[CSS] CSS Box Model - box-sizing

🎯 CSS Box Model - box-sizing

• width, height는 디폴트로 content-box의 크기를 정의된다.
• width : 100px으로 정의 시, content의 크기만 100px이 되며, padding, border의 크기는 100px에 추가된다.
• content-box의 경우, width값에서는 padding, border의 길이를 포함하지 않는다.
• border-box : padding, border를 width, height에 포함한다.
• 보통 이해하기 쉬운 레이아웃을 정의하기 위해 box-sizing:border-box를 선호한다.