doeunn.log

▶박스 모델 브라우저의 렌더링 엔진은 각 요소를 나타낼 때 CSS 박스 모델에 맞춰 그립니다. 박스 모델은 4가지 영역으로 이뤄지는데 cotent 영역, padding 영역, border 영역, margin 영역으로 구분됩니다. content 영역은 텍스트나 하위 박스 모델 등을 나타내며 padding, border, margin은 순서대로 content 영역을 둘러싸는 영역입니다. 둘러싼 영역들은 margin, padding, border CSS 프로퍼티로 너비를 지정합니다. 박스 모델을 이해하기 위해 반드시 알아야 하는 CSS 프로퍼티가 존재합니다. 바로 box-sizing입니다. box-sizing 프로퍼티는 요소의 너비와 높이를 계산하는 방식을 지정합니다. content-box, border-bo..