[CSS] position: relative와 position: absolute (짝꿍)

📌 마음대로 정렬하고플 땐 'position: absolute'

fixed, absolute 값을 사용하면 요소가 둥둥 떠있는 상태가 된다

자식에 absolute(절대값) 적용하고,

부모에 relative(상대값)을 적용하자

⭐️ 부모속성을 정할 때, html에서 부모-자식 관계가 형성된 상태여야 함

📌 position: relative는 부모에게

부모 속성(position: relative)이 정해져 있지 않으면, 모니터를 기준으로 위치를 잡고
부모 속성이 정해지면, 부모 요소 안에서만 위치를 잡는다.

relative는 초기에 삽입한 본인의 위치를 기준으로 상하좌우 움직임

📌 꼭 position 속성과 같이 사용해야 하는 것들

: left, right, top, bottom, z-index 속성은 position 없이 단독으로 쓸 수 없음!

📚 Reference

: 국비지원 수업