[CSS] overflow 사용방법

overflow property 사용방법

 

 

overflow는 element 내에 컨텐츠가 다 들어가지 않을 경우

이를 어떻게 보여줄지 결정하는 속성이다.

• visible (default): overflow됐을 경우 넘치는 부분이 넘치는 대로 보여진다
• hidden: overflow된 부분은 숨겨져서 보이지 않는다
• scroll: 스크롤바가 생기면서 스크롤바를 내리면 overflow된 부분을 볼 수 있다
• auto: 스크롤바를 추가할지 자동으로 결정한다

 

참고로, overflow-x, overflow-y 속성으로 가로축과 세로축을 각각 지정할 수도 있다.