position: relative; 언제 사용되나요?

자식요소에 position: absolute; 을 준 경우 위치값을 잡기 위해서만 종종 쓰였으나,

다른 용도로 쓰이는 경우도 정리해보자 ✍️

 

1. position: absolute에 대한 기준점이 필요할 경우

2. z-index 값을 인식시키고자 할 경우

3. 요소의 위치를 유지한채로 top, left, bottom, left 값을 주고자 할 경우 (static의 원래위치로부터)