인프런 커뮤니티 질문&답변

퍼블리니님의 프로필 이미지
퍼블리니

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

확장선택자와 함께 가상클래스 checked 실전 퍼블리싱 02(애니메이션 사이드메뉴 만들기)

position:fixed / position:absolute

해결된 질문

작성

·

196

1

선생님 안녕하세요

position: fixed 와 position:absolute

차이점이 뭐에요?

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

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

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

답변 1

1

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

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

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

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

퍼블리니님의 프로필 이미지
퍼블리니

작성한 질문수

질문하기