position:fixed / position:absolute

Question

선생님 안녕하세요

position: fixed 와 position:absolute

차이점이 뭐에요?

absolute 를 주면 스크롤이 생겨서 오른쪽으로 이동하면

right: -300px 준게 다 보이는데

fixed 를 주면 스크롤이 안생깁니다.

Answer

지금 예제는 스크롤이 없는 예제라서 position:fixed / position:absolute 두가지의 차이점이 없습니다.

하지마 스크롤이 있는 경우 position:fixed는 스크롤과 관계없이 처음 정한 좌표에 픽스됩니다.

그런데 스크롤이 있는 경우 position:absolute는 스크롤에 따라 요소도 움직입니다.

position:fixed 상담 네비게이션 과 우측하단에 위로가기 버튼 등을 위치시킬 때 사용합니다.