Relative1 CSS 위치 속성 (Position) 완벽 정리 CSS position 속성은 요소의 위치 지정 방법을 결정합니다. 레이아웃 제어의 핵심 개념으로, 다양한 값을 통해 요소의 배치 방식을 조절할 수 있습니다.1. position 값의 종류값설명static기본값. 문서 흐름에 따라 배치relative상대적 위치 지정 (원래 위치에서 offset 적용)absolute절대적 위치 지정 (가장 가까운 positioned 부모 기준)fixed뷰포트 기준 고정 위치 (스크롤 시에도 이동하지 않음)sticky스크롤 시 sticky 영역 생성 (특정 임계점까지 스크롤 시 고정)2. 각 position 값의 특징1) static (기본값)특징: 문서의 자연스러운 흐름을 따름offset 적용 불가: top, right, bottom, left 무시.static-box {.. 2025. 3. 13. 이전 1 다음
