고정된 크기 설정: • 컨테이너 너비: 300px (responsive-wrapper) • 테이블 너비: 500px (data-table) • 크기 차이: 500px > 300px → 200px만큼 넘침 스크롤바 생성 조건 충족: • 테이블(500px)이 컨테이너(300px)보다 확실히 넓음 • overflow-x: auto에 의해 가로 스크롤바 생성 • 브라우저 창 크기와 무관하게 항상 넘침 발생 실제 사용자 경험: • 보이는 영역: 300px 너비만큼의 테이블 일부 • 스크롤 가능: 나머지 200px 영역을 스크롤로 확인 • 고정 동작: 브라우저 창 크기 변경과 관계없이 일정 실무에서의 활용: • 정확한 크기 제어가 필요한 대시보드 • 고정 너비 사이드바 내의 테이블 • 특정 크기로 제한된 컨테이너 내 데이터 표시