width: 100% 인데도 가로 스크롤바가 생기는 문제

홈페이지 제작을 연습하던 중, width에 관해 손댄 적이 없는데 가로로 스크롤바가 생겨 있었다

 

개발자 도구로 들어가서 body 태그를 살펴봐도 묘하게 조금 공간이 더 생겨 있었다

 

세로 방향 스크롤바가 생기면서 스크롤바 사이즈만큼 가로 사이즈가 늘어난 것이다...

body {
    overflow-x: hidden;
}

body 태그 내에 overflow-x에 hidden 속성을 넣어서 해결해주었다

 

 

참고: https://g1etistory.tistory.com/7