CSS - 문제 미리보기

문제 1231

medium
다음 중 반응형 테이블의 스크롤바 동작으로 올바른 것은? ```css .table-container { overflow-x: auto; } ```
A. 항상 가로 스크롤바가 표시됨
B. 테이블이 컨테이너보다 넓을 때만 가로 스크롤바 표시
C. 세로 스크롤바만 표시됨
D. 스크롤바가 전혀 표시되지 않음

정답: B

overflow-x: auto의 동작 원리: 조건부 스크롤바: • 자동 판단: 내용이 컨테이너보다 넓은지 체크 • 필요시에만: 넘칠 때만 스크롤바 생성 • 깔끔한 UI: 불필요한 스크롤바로 인한 공간 낭비 방지 다양한 상황별 동작: • 큰 화면: 테이블이 모두 보이므로 스크롤바 없음 • 작은 화면: 테이블이 넘치므로 스크롤바 생성 • 중간 화면: 테이블 크기에 따라 동적 결정

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.