<img src="https://cdn.inflearn.com/public/files/posts/cf559e09-3359-4a7a-bd72-90bac7dbd229/blob" alt="" />
혹시 이렇게 footer 와 겹치는 일은 어떻게 하면 되나요?
단순히 개인 컴퓨터 사양(모니터 크기라던지..) 때문에 발생하는 것일까요?

<p style="box-sizing: border-box; padding: 0px; line-height: 1.5; font-size: 16px; color: #24292e; font-family: -apple-system, system-ui, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; background-color: #fdfdfd; margin: 0px !important 0px 12px 0px;">컴퓨터의 기종과는 상관이 없고 브라우저별로 가끔 차이가 있을 수는 있습니다!
<p style="box-sizing: border-box; padding: 0px; line-height: 1.5; font-size: 16px; color: #24292e; font-family: -apple-system, system-ui, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; background-color: #fdfdfd; margin: 0px !important 0px 12px 0px;">현재 문제는 Upload 화면이 만약 100vh를 초과했다면 다음과 같이 보일 수 있습니다.
<p style="box-sizing: border-box; margin: 0px 0px 12px; padding: 0px; line-height: 1.5; font-size: 16px; color: #24292e; font-family: -apple-system, system-ui, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; background-color: #fdfdfd;">id가 body인 div의 height를 min-height로 바꿔서 진행해보시겠어요?
<p style="box-sizing: border-box; margin: 0px 0px 12px; padding: 0px; line-height: 1.5; font-size: 16px; outline: none; color: #24292e; font-family: -apple-system, system-ui, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; background-color: #fdfdfd;">min-height는 최소 높이를 의미하며 해당 최소 높이보다 자식이 더 길다면 더 긴 길이가 높이가 됩니다!

인프런 커뮤니티 질문&답변

footer 와 겹침 현상