[009] 박스모델(block, inline)
콘텐츠 영역의 width(가로 길이), height(세로 길이) 조절하기 박스 모델의 콘텐츠 영역의 크기를 지정할 때는 width(가로길이), height(세로길이) 속성을 사용합니다. width, height 속성값: px(픽셀), cm(센티미터), 백분율(%), auto 등으로 지정할 수 있습니다. width와 height는 좌우 padding과 테두리(border) 두께를 합친 값입니다. [예제1] div박스에 width와 height 적용해보기 아래 코드에서, 빨간 div 박스는 px 고정값으로 설정하여 브라우저 창의 크기와 상관없이 크기가 유지된다. 반면에 파란 div 박스는 % 값으로 설정하여, 부모요소(body), 즉 웹 문서 창의 크기에 따라 달라진다. See the Pen 009_예제1 ..
2022. 1. 7.
