반응형 border1 box모델 - margin, border, padding, content box모델 ★ 중요한 Point ★ 요소의 크기 의미하는 부분이라는 것은 노랑색상자부터 빨강색 상자까지를 의미한다. 이말은 즉!! 요소의 전체 크기 → margin + border + padding + content But? width와 height가 적용되는 부분은 content영역만 의미 (margin, padding, border 부분은 포함X) Problem! content의 크기로만 맞추면 배치시키기도 어렵고 테두리가 있는 경에는 테두리의 두께로 인해서 원하는 크기를 찾기 어려움 Solution ▶ box-sizing : border-box box-sizing이란? 박스의 크기를 화면에 표시하는 방식을 변경하는 속성 이 값을 border-box로 지정하게 되면 contetn영역 뿐만 아니라 bo.. 2021. 3. 4. 이전 1 다음 반응형
