Position 포지션
💡 핵심 요약 (TL;DR)
Position 포지션의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 핵심 설정과 구현 코드를 단계별로 파악하여 상황에 맞게 유연하게 활용할 수 있다.
position
- position:static; 기본값
- position:relative; 기준점: 현재위치
- position:absolute; 기준점 : 부모를 기준으로 이동.
- 기준이 될 부모태그에는 무조건 position:relative;해줘야함
- position:fixed; 네비게이션 만들어보기
- position:sticky;
See the Pen WNwjmYO by sowon-dev (@gracehopperdev) on CodePen.