CSS - 문제 미리보기
문제 1427
easy
CSS 툴팁을 만들기 위해 컨테이너 요소에 필요한 position 속성값은 무엇인가요?
정답: B
툴팁 컨테이너의 역할:
• 마우스 호버 영역을 제공
• 툴팁 텍스트의 기준점 역할
position: relative가 필요한 이유:
• 툴팁 텍스트는 `position: absolute`로 설정
• absolute 요소는 가장 가까운 positioned 부모를 기준으로 위치 계산
• relative를 설정하지 않으면 body나 다른 부모 요소를 기준으로 배치됨
기본 구조:
```css
.tooltip {
position: relative; /* 필수! */
display: inline-block;
}
.tooltip .tooltiptext {
position: absolute; /* 컨테이너 기준으로 배치 */
/* 위치 조정 속성들... */
}
```
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.