[CSS] overflow 사용법

overflow는 박스안에 컨텐츠(글, 이미지)를 보여주기에 충분한 공간이 없을 경우, 박스를 벗어나는 컨텐츠를 어떻게 다룰 것인지 설정합니다.

 

◎ 속성1 : visible

    영역을 벗어난 부분을 짜르지 않고 눈에 보이게 함.

 

◎ 속성2 : hidden

    영역을 벗어난 부분을 숨겨서 눈에 안보이게 함.

 

◎ 속성3 : scroll

    영역을 벗어난 부분과 상관없이 자동으로 스크롤 생기게 만듦.

    * overflow-x:scroll  : 가로축 스크롤 생성.

    * overflow-y:scroll  : 세로축 스크롤 생성.

 

◎ 속성3 : auto

    영역을 벗어난 부분이 있으면, 자동으로 스크롤 생기게 만듦.

 

◎ 속성3 : inherit

    부모요소 속성을 상속함.