[CSS] Overflow 속성

   

   

overflow

요소의 박스에 내용이 더 많아 범위를 벗어날 때 스크롤바 표시하는 속성

   

div {     width: 150px;     height: 150px;     overflow: scroll; }

   

값	설명
scroll	div 안 내용의 양에 상관없이, 항상 스크롤바가 생기게 됩니다.
visible	기본값 내용이 길면 범위를 벗어 그대로 보여줍니다. (내용이 흘러넘치는 것처럼 보입니다.)
auto	div 의 내용이 설정한 범위를 넘어갔을 때만 스크롤바가 생성됩니다. 내용의 많고 적음에 따라 스크롤바가 생기기도 하고 생기지 않기도 하기 때문에 디자인시 이 부분도 고려해 주어야 합니다.
hidden	div 안의 내용이 많아도 스크롤바가 생성되지 않습니다.
width: height:	박스의 가로 세로 크기를 지정 퍼센트(%)로도 지정 가능 height 속성을 생략하면 내용의 량에 맞게 박스의 세로 길이가 자동으로 정해집니다. 둘 다 생략할 경우 스크롤바가 만들어지지 않을 수도 있습니다.