개요

영역을 넘어서는 콘텐츠(텍스트, 이미지, 영상, HTML 요소 등)를 처리하는 방식을 결정한다.

대표적 사용 사례

• 영역을 벗어나는 콘텐츠 처리
• 의도하지 않은 레이아웃 깨짐 방지
• UI의 완성도를 높이는 수단

실무 판단 기준 예시

• visible (기본값): 의도적으로 콘텐츠가 넘쳐야 하는 경우
• scroll: 항상 스크롤바가 필요한 경우
• auto: 동적 콘텐츠나 반응형 레이아웃에서의 최적 선택
• hidden: 텍스트 말줄임(...) 처리나 디자인 요소 제한에 활용

고려사항

• 크로스 플랫폼 테스트가 중요

  • OS마다 스크롤바 차이로 인한 문제
  • 개발 환경과 실제 사용자 환경의 차이로 인한 문제

• UX 고려사항

  • 불필요한 가로 스크롤바가 생기는 문제
  • overflow 속성이 레이아웃에 미치는 영향
  • 적절한 사용자 피드백