○ CSS의 위치속성
-- Position
(메인속성)
static 기본값 (위치속성 비활성상태라 안변함)
relative 초기 위치에서 위치이동됨
absolute 절대위치 설정
fixed 화면기준 절대위치 설정
(얼마나 떨어졌는지)
top -bottom / left - right
top에서 10px을 주면 위에서부터 10px만큼 내려가고
left에서 10px을 주면 왼쪽에서 10px만큼 옆으로 간다
absolute 를 줬기때문에 부모클래스를 확인하고,
static, 기본값이 아닌 부모가 없기때문에
"body를 기준으로" 화면에 딱 붙은 모습을 확인할 수 있다!
위쪽에 relative position, 즉 static이 아닌 부모가 있기때문에
해당 부모를 기준으로 red와 위치가 겹쳐
red가 보이지않는 모습을 확인할 수 있다
br태그로 스크롤페이지를 만들었지만 fixed로 고정된 상태를 확인할 수 있다
