1. relative absolute (static) sticky inherit
relative랑 absolute차이를 모르겠음??
부모- relative . 자식 - absolute 로 하면
부모 기준으로 자식위치를 선정할 수 있다
음....
부모가 움직이면- 자식도 영향을 받는다
이정도만 알면 되나?
2. 이해했다!!!
relative는 페이지에서 해당 element가 원래 위치해야할 곳- 을 기준으로 자리잡는다
absolute는 화면을 기준(혹은 부모)으로 자리잡는다
w3school보다 mdn이 더 이해하기 쉬웠다
https://developer.mozilla.org/ko/docs/Web/CSS/position <-참고링크
3. absolute와 fixed의 차이:
absolute는 body라고 하는 좌표값을 기준으로 자리잡는다.
fixed는 유저에게 보이는 화면을 기준으로 자리잡는다
따라서 - 스크롤을 위로 아래로 옆으로 넘겨도 fixed는 계속 보임!!
반대로 absolute는 스크롤 내리면 안보임! 문서기준이라서!
4. sticky는 자기가 있어야할 위치를 유지하면서 고정됨
스크롤을 내려도 있다
근데 안먹는 브라우저도 있으니 주의.
sticky는 nav바 같은데서만 쓰고
나머지는 fixed로 하면 될듯!! ( 팝업창, 위로가기 버튼 등 . 그래야 사용자 화면에 계속 뜨니까!!)
sticky는 스크롤을 기준으로 생각하고
fixed는 모니터를 기준으로 생각하면 될듯
댓글 없음:
댓글 쓰기