특정 메뉴에서 전체 화면이 왼쪽/오른쪽으로 밀리는 이유

메뉴바에서 특정 메뉴를 눌렀을 때 전체 화면이 왼쪽/오른쪽으로 밀리는 현상이 있을 때가 있다.

 

css는 동일하게 적용했는데 왜 이런 문제가 생기는걸까?

 

이것은 css의 문제가 아니다. 브라우저의 문제이며, 정확히는 문제도 아니고 당연한 것이다.

 

화면 구성에 따라 스크롤바가 있는 화면이 있고 없는 화면이 있는데,

 

스크롤바가 있는 화면인 경우 없는 화면보다 전체 화면이 왼쪽으로 밀리고,

스크롤바가 없는 화면인 경우 있는 화면보다 전체 화면이 오른쪽으로 밀리게 된다.

 

브라우저에서 스크롤바가 생기거나 없어지며 화면이 전체적으로 움직이는 것이므로 오류가 아니다.

 

 

css에서 강제로 스크롤바를 없애거나 무조건 스크롤바가 생기게 할 수도 있긴 하지만 

스크롤바를 없애면 스크롤이 불가능해져서 문제가 생기고,

무조건 생기게 하면 스크롤이 안되는데도 스크롤바가 있어 사용자의 혼란을 초래하므로 잘못된 생각이다.