CSS - 문제 미리보기

문제 1245

medium
`position: relative;`의 특징으로 올바른 것은?
A. 뷰포트를 기준으로 위치가 결정됨
B. 원래 위치를 기준으로 이동하며, 원래 공간은 유지됨
C. 문서 흐름에서 완전히 제거됨
D. 부모 요소를 기준으로 위치가 결정됨

정답: B

position: relative의 독특한 동작 방식: 원래 위치 기준 이동: • 요소가 원래 있던 자리를 기준점으로 설정 • top, left 등으로 기준점에서 상대적으로 이동 • 시각적으로만 이동, 실제 공간은 원래 자리에 유지 공간 유지의 의미: • 다른 요소들은 이 요소가 원래 자리에 있다고 인식 • 레이아웃에 빈 공간이 남음 • 문서 흐름이 깨지지 않음 실무 활용: • 미세한 위치 조정: 요소를 살짝 이동시킬 때 • 부모 역할: absolute 자식의 기준점 역할 • 애니메이션: 호버 효과로 요소 이동

💡 학습 팁

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