포트폴리오 반응형 작업시 우측 여백 해결

 

반응형 작업 중 우측 여백이 발생했다

 

마크업은 main > wrap > 안에 요소들로 했으며

css는 이렇게 주었다

header에 여백이 안생기는 이유는 position: fixed;로 띄워놓아서 영역이 없기 때문이고

영역이 없는 header만큼 wrap에 padding만 준게 다인데 뭐가 문제지 싶었음

 

그래서 우선 header에 걸어놓은 fixed를 빼서 빈 영역 전부 제거 한 후 반응형 확인 해봤더니

이렇게 main 영역이 body를 넘어가는 현상을 발견했다

 

그래서 #main이 body를 넘어가지 않도록 overflow-x: hidden;을 추가해주었다

매우 잘되는중!

 

내가 섹션 어딘가에 스타일을 잘못 줬기 때문에 이런 현상이 생긴거겠지...?

일단 해결은 했으니까 스타일 잘못 준 곳을 찾아봐야겠다...^^