`overflow-x`와 `overflow-y`의 차이점으로 올바른 것은? ```css .... | CSS

CSS - 문제 미리보기

문제 1256

medium

`overflow-x`와 `overflow-y`의 차이점으로 올바른 것은? ```css .container { overflow-x: hidden; overflow-y: scroll; } ```

A. 둘 다 동일한 기능을 함

B. overflow-x는 가로 방향, overflow-y는 세로 방향 제어

C. overflow-x는 상하, overflow-y는 좌우 제어

D. 하나만 설정하면 다른 하나는 자동으로 같은 값이 적용됨

정답: B

방향별 overflow 제어: overflow-x (가로 방향): • 좌우로 넘치는 콘텐츠 제어 • 긴 텍스트 한 줄, 넓은 테이블 등 • `overflow-x: hidden` → 가로 스크롤바 숨김 overflow-y (세로 방향): • 위아래로 넘치는 콘텐츠 제어 • 긴 텍스트 여러 줄, 많은 리스트 항목 등 • `overflow-y: scroll` → 세로 스크롤바 강제 표시 예시 코드의 효과: • 가로 넘침: 숨김 처리 (가로 스크롤 없음) • 세로 넘침: 스크롤바로 처리 (세로 스크롤 제공)

💡 학습 팁

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