position의 속성
해당 요소들을 어떻게 배치할 지를 정하는 속성 (위치 결정)
- static : 기본값, 속성 부여하지 않았을때
- relative : 자체로는 의미 없고, 위치 변경 프로퍼티를 넣었을때만 기능
- absolute : 부모에 의해 절대적으로 위치 변경(부모: relative, fixed, absolute)
- fixed : 지정한 위치에 고정, 부모 필요 없음
static을 제외한 나머지 속성들은 top,left,bottom,right값 설정으로
어느 위치에 요소를 놓을 건지 지정할 수 있음!
📌 absolute, fixed가 되면 주변요소에 상관없이 위치함
= 다른 요소와 겹치게 됨 -> padding, margin 값 조절!
🤦🏻♀️ 아차차