[Week3] Position의 속성

Position 속성

static

• position의 기본 값

relative

• 요소의 원래 위치를 기준으로 상대적 배치
• top, bottom, left, right 속성을 이용해서 요소의 원래 위치 기준 이동하도록 설정

absolute

• 가장 가까운 포지셔닝(static 이 아닌 position 속성 값)이 된 조상 요소를 기준으로 배치
• 보통 상위 요소의 position 속성을 relative 로 지정하여 배치할 기준을 잡고 사용

fixed

• 브라우저 전체 화면을 기준으로 고정된 배치
• 내비게이션을 만들 때 많이 사용
• 요소의 원래 자리를 차지 하지않음.

ㄴ>네비게이션에 넣었다면, 페이지에 마진을 넣어 위치를 잡아야됨

sticky

• 원래 위치에 배치해 있다가, 정해진 위치에 브라우저가 스크롤되면 그때부터 fixed처럼 고정되어 배치