overflow

 

overflow: visible은 경계선 밖으로 글자가 나올 수 있다.

컨텐츠를 밖으로 밀어내는 한이 있더라도 끝까지 보여준다.

 

overflow: hidden은 경계선 밖으로 글자가 나오지 않는다.

컨텐츠가 잘릴 수 있다.

 

overflow: scroll은 스크롤이 생겨서 컨텐츠를 끝까지 볼 수 있다.

overflow-x, overflow-y로 둘 중 하나만 스크롤으로 보여줄 수 있다.

 

overflow: auto는 컨텐츠가 경계선을 넘지 못하면 스크롤이 없고, 경계선을 넘으면 스크롤이 생긴다.