다음 CSS 코드가 적용된 div의 동작으로 올바른 것은? ```css div { ... | CSS

CSS - 문제 미리보기

문제 1241

medium

다음 CSS 코드가 적용된 div의 동작으로 올바른 것은? ```css div { max-width: 800px; margin: auto; padding: 20px; } ```

A. 항상 800px 너비를 유지하며 가운데 정렬

B. 최대 800px까지 확장하며 가운데 정렬, 작은 화면에서는 축소

C. 800px 너비로 고정되며 왼쪽 정렬

D. 부모 요소의 전체 너비를 차지

정답: B

max-width: 800px: • 최대 너비 제한 • 부모가 800px보다 크면 800px로 제한 • 부모가 800px보다 작으면 부모에 맞춰 축소 margin: auto: • 좌우 가운데 정렬 • 남은 공간을 양쪽으로 균등 분배 • 반응형 환경에서도 가운데 유지 padding: 20px: • 내부 여백 추가 • 콘텐츠와 테두리 사이 공간 확보 • 전체 크기에는 영향 없음 (box-sizing 기본값 기준)

💡 학습 팁

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