CSS - 문제 미리보기
문제 1229
easy
다음 CSS 코드의 빈칸에 들어갈 올바른 속성은?
```css
div {
_____: auto;
}
```
테이블을 반응형으로 만들기 위해 컨테이너에 적용할 때
```css
div {
_____: auto;
}
```
테이블을 반응형으로 만들기 위해 컨테이너에 적용할 때
정답: B
overflow-x 속성의 역할:
• x축 오버플로우 제어: 가로 방향 넘침 처리
• auto 값: 필요할 때만 스크롤바 표시
• 반응형 핵심: 테이블이 컨테이너보다 넓을 때 스크롤 생성
다른 속성들과의 차이:
• overflow-y: 세로 방향 스크롤 (테이블 반응형과 무관)
• scroll: 항상 스크롤바 표시 (불필요할 때도)
• display: 요소 표시 방식 변경 (오버플로우와 무관)
실무 팁:
• `overflow-x: auto`는 가장 일반적인 반응형 테이블 구현법
• 스크롤바가 필요할 때만 나타나므로 깔끔한 디자인
• x축 오버플로우 제어: 가로 방향 넘침 처리
• auto 값: 필요할 때만 스크롤바 표시
• 반응형 핵심: 테이블이 컨테이너보다 넓을 때 스크롤 생성
다른 속성들과의 차이:
• overflow-y: 세로 방향 스크롤 (테이블 반응형과 무관)
• scroll: 항상 스크롤바 표시 (불필요할 때도)
• display: 요소 표시 방식 변경 (오버플로우와 무관)
실무 팁:
• `overflow-x: auto`는 가장 일반적인 반응형 테이블 구현법
• 스크롤바가 필요할 때만 나타나므로 깔끔한 디자인
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.