CSS의 overflow 사용 예제

overflow는 영역을 벗어난 컨텐츠를 어떻게 보여줄 것인가를 설정하는 속성이다.

overflow 사용 예제

 div  
 {  
 overflow:visible;  
 }  

overflow의 값 :

1. visible

visible 사용의 예

영역에서 벗어난 부분을 자르거나 숨기지 말고 그대로 보여준다.

2. hidden

hidden 사용의 예

잘린 부분을 보여주지 않는다.

3. scroll

scroll 사용의 예

잘리든 잘리지 않든 스크롤로 처리한다. 위 그림에서 잘린 세로 영역 뿐만 아니라, 잘리지 않은 가로 영역에도 스크롤이 생긴 것에 주목.

4. auto

auto 사용의 예

벗어난 부분이 있으면 자동으로 스크롤을 생성한다.

5. inherit

상위의 단계에서 설정된 값을 물려받는다.