content-box1 CSS: 박스(box) 모델 다음과 같은 HTML, CSS가 있다고 가정하겠습니다. 여러분, 여기에 글자가 들어가게 됩니다. 원하는대로 들어갔을까요? p{ width:100px; height:50px; padding:20px; border:1px solid; } See the Pen Untitled by Chickenbumps (@chickenbumps) on CodePen. 콘텐츠는 박스를 벗어나게 되고 width는 100px가 아닌 142p가 됩니다. 왜 그런걸까요?(아직 비밀) 앞으로 CSS의 작동방식, CSS의 다른 측면에 의해 CSS가 영향을 받는 방식 그리고 이를 제어하는 방식을 이해하면 예측 가능한 CSS를 작성하는데 도움이 될겁니다. 콘텐츠 및 크기 박스는 diplay 값, 설정된 치수 및 박스 안에 있는 콘텐츠에 따.. 2022. 6. 16. 이전 1 다음
