[CSS] overflow 이용해서 스크롤바 생성하기

<스크롤바 생성>

>> overflow 속성을 이용하여 생성 가능하다

- 자식요소의 크기가 부모 요소의 크기를 초과했을때 스크롤바를 생성하여 제어할 수 있다.

- 수직방향, 수평방향, 그리고 두개 방향 모두를 제어할 수도 있다.

 

>> overflow-x

- 가로로 스크롤바 표시

 

>> overflow-y

- 세로로 스크롤바 표시

 

>>overflow

- 두 방향 모두 표시

 

<overflow의 속성>

>> overflow:scroll

- 다음과 같이 작성해야 크기를 초과했을 때 스크롤바를 생성할 수 있다.

 

>> overflow:auto

- 내용물이 경계를 넘칠때에만 스크롤바가 붙는다.

 

>> overflow:hidden

- 내용물이 크기를 초과하더라고 스크롤바가 나타나지 않는다.