CSS - 문제 미리보기
문제 1251
medium
z-index가 설정되지 않은 positioned 요소들이 겹칠 때의 쌓임 순서는?
```html
Box 1
Box 2
Box 3
```
```css
.box1, .box2, .box3 {
position: absolute;
/* z-index 설정 없음 */
}
```
정답: B
기본 쌓임 순서 규칙:
HTML 순서 기반 쌓임:
• z-index가 없을 때는 HTML 작성 순서를 따름
• 나중에 작성된 요소가 위에 표시됨
• "나중에 그려진 것이 위에 보임" 원리
쌓임 순서 (아래 → 위):
1. box1 (가장 아래)
2. box2 (중간)
3. box3 (가장 위) ✓
실무에서의 의미:
• z-index 없이도 기본적인 레이어링 가능
• 간단한 오버레이는 HTML 순서로 해결
• 복잡한 레이아웃에서는 명시적 z-index 권장
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.