웹페이지 공백 채우는 방법 좀 알려주세요
본문
코드 완성 후 웹으로 열면
이런식으로 공백이 생깁니다.
80%의 비율로 보면 괜찮은데 100% 채워서 보면 공백이 생깁니다.. 어떻게 해결 할 수 있을까요?
답변 3
반응형으로 만드셨는데 overflow 설정을 안하셨네요.
나오지 않을 부분은 hidden 처리하셔야 공백이 생기지 않습니다.
그리고 반응형에서 계산되지 않은 포지션에 대한 절대값 지정은 정말 안좋은 습관입니다.
body { overflow-x: hidden; }
처리 해보시면 제말이 어떤의미인지 아실거에요.
감사합니다. 알려주신 부분 이해하고 오류 고쳤습니다.
추가로 남겨주신 댓글 중에
계산되지 않은 포지션에 대한 절댓값 지정이 정확하게 어떤 의미 인지 이해가 잘 가지 않습니다ㅠㅠ
제발 어디가 문제인지 모르면 해당 URL 좀 올려주세요..
자동차가 시동이 안걸리는데 자동차 정면 사진 하나 올려놓으면 어디가 문젠지 모르잖아요...
죄송합니다 url 첨부했는데 수정하다가 지웠나 봅니다 https://awesome-hodgkin-d15dbd.netlify.app/ 여기있습니다
부모 body의 넓이보다 더 큰 요소들이 들어가있어서 그렇습니다
해당 요소의 크기를 줄여주시거나, 아니면 overflow 속성을 추가하세요
답변을 작성하시기 전에 로그인 해주세요.
