css
absolute와 relative의 차이
( 첨부이미지의 빨간색 실선은 요소가 원래 있어야 될 위치가 relative의 경우에 공간이 차지되고 있음)
relative는 현재 원래 자기가 있어야되는 위치 기준으로 이동함.
그리고 이동해도 원래 있어야되는 위치는 유지됨
absolute는 상위 요소중 가장 가까운 relative요소를 기준으로 이동함.
그리고 원래 있어야하는 위치는 비어짐
✅ position: relative
- 자기 자신의 원래 위치를 기준으로 이동합니다.
- 문서 흐름에 자리 차지함 (공간 유지).
✅ position: absolute
- 가장 가까운 position이 relative/absolute/fixed인 조상 요소를 기준으로 위치함.
- 문서 흐름에서 자리 차지 안 함 (공간에서 빠짐).