box-sizing과 box model
box의 크기를 어떤 기준으로 계산 할 것인가?
HTML은 Box로 이루어져 있으며 문서의 레이아웃을 계산 할 때 박스 모델에 따라 박스의 사이즈가 달라지게 됨
box의 크기는 어떤 요소들로 이루어 지는가?
box의 크기에 영향을 주는 요소는 box의 width, height, border, padding, margin이 됨
각 요소의 값이 동일 할 때 box의 크기는 달라지는가?
1 | <div class="div content">content-box</div> |