body 를 개발자 도구로 보면 해당 영역이고, footer는 red로 지정한 부분인데 왜 body 에 padding-bottom 을 넣어도 boy와 footer 사이에 패딩이 생기지 않는 지 모르겠습니다.&nbsp;
<img src="https://cdn.inflearn.com/public/files/posts/d173205d-71c8-432a-9810-862f1c2ed23b/blob" alt="" />

<p style="box-sizing: border-box; padding: 0px; line-height: 1.5; font-size: 16px; user-select: auto; color: #24292e; font-family: 'Noto Sans KR'; background-color: #ffffff; margin: 0px !important 0px 16px 0px;">현재 product-card들이 #body의 height인 100%를 넘어버리기에 생기는 문제입니다!&nbsp;
강의 뒷부분에서 수정하는 부분이 나오는데, #body의 height: 100%를 min-height: 100%로 적용해주면 됩니다.

코드는 다음과 같습니다. <img src="https://cdn.inflearn.com/public/files/posts/dacc0b41-82f6-4d32-b774-8f92b6292411/blob" alt="" /><img src="https://cdn.inflearn.com/public/files/posts/07cbe74c-5b7b-4154-9723-1eb7c827e2a3/blob" alt="" />

Inflearn Community Q&A

실습 질문 (body, footer 사이 padding)