2026, 새로운 도약을 시작합니다.

웹페이지 공백 채우는 방법 좀 알려주세요 채택완료

코드 완성 후 웹으로 열면 

이런식으로 공백이 생깁니다.

80%의 비율로 보면 괜찮은데 100% 채워서 보면 공백이 생깁니다.. 어떻게 해결 할 수 있을까요?

3732333828_1648388297.6677.png

답변 3개

채택된 답변
+20 포인트

반응형으로 만드셨는데 overflow 설정을 안하셨네요.

나오지 않을 부분은 hidden 처리하셔야 공백이 생기지 않습니다.

그리고 반응형에서 계산되지 않은 포지션에 대한 절대값 지정은 정말 안좋은 습관입니다.

body { overflow-x: hidden; }

처리 해보시면 제말이 어떤의미인지 아실거에요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

감사합니다. 알려주신 부분 이해하고 오류 고쳤습니다.

추가로 남겨주신 댓글 중에
계산되지 않은 포지션에 대한 절댓값 지정이 정확하게 어떤 의미 인지 이해가 잘 가지 않습니다ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

부모 body의 넓이보다 더 큰 요소들이 들어가있어서 그렇습니다
해당 요소의 크기를 줄여주시거나, 아니면 overflow 속성을 추가하세요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

제발 어디가 문제인지 모르면 해당 URL 좀 올려주세요..

자동차가 시동이 안걸리는데 자동차 정면 사진 하나 올려놓으면 어디가 문젠지 모르잖아요...

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

죄송합니다 url 첨부했는데 수정하다가 지웠나 봅니다 https://awesome-hodgkin-d15dbd.netlify.app/ 여기있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고