CSS - 문제 미리보기

문제 1253

easy
CSS overflow 속성의 주요 역할은 무엇인가요?
A. 요소의 크기를 자동으로 조절함
B. 요소보다 큰 콘텐츠가 넘칠 때의 처리 방법을 결정함
C. 요소의 배경색을 설정함
D. 요소의 위치를 조절함

정답: B

overflow 속성의 핵심 개념:

콘텐츠 넘침 제어:
• 정해진 크기의 컨테이너보다 내용이 클 때 발생하는 상황
• 넘치는 부분을 어떻게 처리할지 결정
• 레이아웃 파괴 방지와 사용자 경험 개선

발생하는 상황들:
• 긴 텍스트: 고정 높이 박스에 많은 내용
• 큰 이미지: 작은 컨테이너에 큰 이미지
• 동적 콘텐츠: 사용자 입력이나 API 데이터

실무 활용 사례:
• 채팅창: 메시지가 많아질 때 스크롤
• 카드 컴포넌트: 제목이 길 때 처리
• 사이드바: 메뉴 항목이 많을 때
• 텍스트 박스: 고정 크기 내 긴 설명

💡 학습 팁

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