[CSS] position

📓 fixed와 sticky 차이

📍 https://ordinary-code.tistory.com/106

[css] 레이아웃 구성 시 position fixed 와 sticky 차이 알아보기

 

📓 relative와 absolute의 차이

- 태그의 위치를 살짝 변경하고 싶을 때 position: relative를 사용합니다. 이제 top, right, bottom, left 속성을 사용해 위치 조절이 가능. 각각의 태그가 기존 static이었을 때의 위치를 기준으로 top, right, bottom, left 방향으로 주어진 픽셀만큼 이동한다.

 

- absolute는 position: static 속성을 가지고 있지 않은 조상을 기준으로 움직입니다. 만약 조상 중에 포지션이 relative, absolute, fixed인 태그가 없다면 가장 위의 태그(body)가 기준이 됩니다.

 

📍 https://www.zerocho.com/category/CSS/post/5864f3b59f1dc000182d3ea1

(CSS) CSS 포지션(position) - static, relative, absolute, fixed