CSS - 문제 미리보기
문제 1244
easy
다음 CSS 코드의 빈칸에 들어갈 올바른 값은?
```css
div {
position: _____;
top: 0;
right: 0;
}
```
div를 브라우저 우상단에 고정하고 스크롤해도 항상 같은 위치에 유지하고 싶을 때
정답: D
position: fixed의 핵심 특성:
뷰포트 기준 고정:
• 브라우저 창(뷰포트)을 기준으로 위치 설정
• 스크롤과 관계없이 항상 같은 자리 유지
• top: 0, right: 0으로 우상단에 고정
실무 활용 사례:
• 헤더 내비게이션: 스크롤해도 메뉴가 항상 보임
• 플로팅 버튼: "맨 위로" 버튼, 채팅 버튼 등
• 광고 배너: 화면 모서리에 고정된 광고
• 사이드바: 스크롤과 무관한 고정 메뉴
다른 position 값들과의 차이:
• static: top, right 속성 무시
• relative: 원래 위치 기준으로 이동 (고정 아님)
• absolute: 부모 요소 기준 (뷰포트 기준 아님)
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.