728x90 300x250 SMALL 박스 사이즈 기준1 html / css 박스크기 기준 box-sizing: border-box box 크기 기준 박스 width + 패딩 + 테두리 = 실제 박스 값 .box { padding: 10px; font-size: 50px; font-weight: 600; line-height: 50px; border: 10px solid #000; width: 300px; text-align: center; } 그러니까 만약 width 값이 300px이라고 할때 박스 크기는 300px이 아니고 340px이라는 사이즈가 나온다. 양쪽 패딩 값 10px씩 총 20px 양쪽 border 값 10px씩 20px 더해서 340px이 된다. 만약 padding 값과 border값에 상관없이 설정한 width 값만큼 box 사이즈를 표현하고 싶다면 box-sizing: border-box;를 사용하면 된다. .b.. 2021. 12. 10. 이전 1 다음 728x90 반응형 LIST