구름의 글들

배경 : 도대체 box-sizing의 역할은 무엇인가 알아보자 1. 배경 HTML, CSS 초창기는 content 영역의 크기를 width 값으로 지정하기 때문에 하기 사진의 두 div 값의 하얀 영역(content)크기는 같다. 그러나 border값이 포함되면서 어떤 element의 크기를 예측하기 어려워졌다. 즉, element의 크기를 지정할 때 만약 그 element가 padding, border 등 값들을 갖고 있다면 우리가 지정한 size와는 다르게 보일 수 있다. 이런 문제를 해결하기 위해 box-sizing이란 속성이 등장했다. 2. 속성값 box-sizing의 기본 속성값은 content-box인데, 이를 borer-box로 바꾸게 되면 하기 사진과 같이 두개의 같은 hello eleme..