scrollbar-gutter:auto; 

=> 기본값. 스크롤바가 있을 때만 영역을 차지한다. 스크롤바 유무에 따라서 콘텐츠의 너비가 변경된다.

scrollbar-gutter:stable; 

=> 스크롤바가 없는 상태에서도 영역을 미리 차지한다.  스크롤바 유무에 상관없이 콘텐츠의 너비가 일정하다.(항상 스크롤바 영역이 있으므로)

scrollbar-gutter:stable both-edges; 

=> 스크롤바가 없는 상태에서도 좌우 영역을 미리 차지한다. 스크롤바 유무에 상관없이 콘텐츠의 너비가 일정하다. (항상 스크롤바 영역이 있으므로). 좌우가 같은 영역을 차지하므로 콘텐츠는 중앙에 위치한다.