overflow 속성
컨텐츠가 박스 밖으로 흘러넘치는 것을 컨트롤 한다.
자손이 부모 영역보다 큰 경우 처리한다.
가장 흔하게 사용되는 값은 아래와 같다.
- hidden : 오버플로우 되는 컨텐츠는 화면으로부터 숨겨진다.
- scroll : 요소박스에 스크롤바가 추가되어 오버플로우 된(나머지) 컨텐츠를 스크롤하여 볼 수 있다.
- visible: 오버플로우 컨텐츠가 보이도록 처리한다. 기본값이다.
오버플로우 속성은 상위요소에 설정되지만 하위요소에서 값(scroll 등)이 나타난다.
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow 참조
