[CSS] 페이지 오른쪽 여백 없애기

문제 상황

오른쪽 여백이 생기는 경우가 있는데, width를 100%로 설정해주어도 여전히 사라지지 않았다.

진짜 거슬린다..

 

원인

페이지에 너비가 100%를 넘는 또 다른 요소가 있는 경우 이와 같은 현상이 발생한다고 한다.

https://www.python2.net/questions-313771.htm

html - 모바일보기에서 웹 사이트의 오른쪽에있는 여분의 공백을 제거하는 방법

 

해결 방법

overflow-x: hidden;

으로 설정해주면 여백이 사라진다.