css 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를 선호한다.