sliver__

안녕하세요! 이번 포스팅에서는 사이드바에 패딩을 추가하다 생긴 박스 크기 붕괴 문제를 살펴보고, 이를 box‑sizing: border-box 로 한 방에 해결하는 방법을 알아볼게요. ✨1️⃣ 문제 상황: 패딩을 추가하자!사이드바(aside)에 padding: 40px;을 넣자원래 width: 300px;이던 박스가 총 380px로 커져서 레이아웃 밖으로 튀어나옴원인: 기본 박스 모델(content-box)은 지정 너비에 패딩/보더를 “추가”하기 때문2️⃣ 해결책: box-sizing: border-box개념border-box 모드에서는 padding과 border를 포함해 전체 박스 크기를 계산지정한 너비(높이)가 “컨텐츠+패딩+보더” 모두를 아우르는 값이 됨코드 적용/* 전역 Reset 예시 */* ..