테스트 사이트 - 개발 중인 베타 버전입니다

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

찰스3세 3년 전 조회 2,461

코드 완성 후 웹으로 열면 

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

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

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

답변 3개

채택된 답변
+20 포인트

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

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

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

 

body { overflow-x: hidden; }

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

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

답변에 대한 댓글 1개

찰스3세
3년 전
감사합니다. 알려주신 부분 이해하고 오류 고쳤습니다.

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

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

3년 전

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

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

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

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

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

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

답변에 대한 댓글 1개

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

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

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

로그인