CSS - 문제 미리보기

문제 1429

medium
툴팁을 요소의 위쪽에 중앙 정렬로 배치하려면 어떤 CSS를 사용해야 하나요?
A. `top: 100%; left: 50%; margin-left: -60px;`
B. `bottom: 100%; left: 50%; margin-left: -60px;`
C. `top: -100%; left: 50%; margin-left: -60px;`
D. `bottom: 100%; right: 50%; margin-right: -60px;`

정답: B

bottom: 100%: • 툴팁의 아래쪽을 컨테이너의 위쪽에 맞춤 • 결과적으로 툴팁이 컨테이너 위에 표시됨 left: 50%: • 툴팁의 왼쪽을 컨테이너의 중앙에 맞춤 margin-left: -60px: • 툴팁 너비의 절반만큼 왼쪽으로 이동 (120px ÷ 2 = 60px) • 완전한 중앙 정렬 완성
🎯 이 과목 문제 풀기 🏠 홈으로 가기

💡 학습 팁

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