box-sizing 속성의 중요성

bootstrap을 참조하면 일반적으로 대부분의 div에 box-sizing 속성이 잡혀있다.

예전에는 몰랐는데, 해당 속성이 css 코드에 있어서 많이 중요하다는 것을 알게되었다.

본 속성은 div의 padding 값을 고려하여 DOM 속성에 width 값을 정해준다.

자세한 설명은 아래의 링크를 참조하면 된다.

https://www.w3schools.com/cssref/css3_pr_box-sizing.asp

본 속성을 설저 안하고 padding에 감싸져 있는 태그에 width 100%값을 준다면,

해당 태그가 감싸진 태그의 범위를 넘어서게 된다.