[CSS] 가로, 세로 스크롤 없애기

 업무 중 스크롤을 만들고 디자인 해야하는 경우가 있었다. 스크롤을 만들기 위해서 overflow: scroll 을 설정하니 다음과 같이 가로, 세로 스크롤이 모두 생겼다.

 

1. 가로 스크롤 없애기

이런 경우 가로 스크롤을 없애기 위해서는 2가지 방법이 있다.

overflow-y: scroll;

overflow-x: hiddle;

위 2가지 방법 중 한 가지를 사용하면 된다. 

 

2. 세로 스크롤 없애기

 위와 비슷한 방법으로 다음과 같은 방법이 있다.

overflow-x: scroll;

overflow-y: hiddle;