CSS - 문제 미리보기
문제 1255
medium
다음 CSS 코드의 빈칸에 들어갈 올바른 값은?
```css
.chat-container {
height: 300px;
overflow: _____;
}
```
채팅창에서 메시지가 많아질 때 자동으로 스크롤바가 나타나게 하고 싶을 때
정답: D
overflow: auto의 스마트한 동작:
자동 판단 기능:
• 콘텐츠가 컨테이너에 맞으면 스크롤바 없음
• 콘텐츠가 넘치면 자동으로 스크롤바 생성
• 가장 사용자 친화적인 선택
채팅창에서의 장점:
• 적은 메시지: 깔끔한 UI (스크롤바 없음)
• 많은 메시지: 자동으로 스크롤 가능
• 공간 효율성: 불필요한 스크롤바로 인한 공간 낭비 없음
다른 값들의 문제점:
• visible: 메시지가 채팅창 밖으로 넘침
• hidden: 오래된 메시지를 볼 수 없음
• scroll: 메시지가 적어도 항상 스크롤바 표시
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.