[CSS] position

position

• 태그들의 위치를 설정하는 속성
• position 값에 따라 요소들의 위치가 지정될 방법이 바뀌고 top, left, right, bottom 속성으로 위치를 확정 짓는다.

position의 속성 값

static

position의 디폴드 값
top, left, right, bottom, z-index 의 값들은 적용 되지 않는다.
각 element의 성질(inline or block..)에 따라 위치가 지정된다.

relative

top, left, right, bottom, z-index를 이용해 상대적인 위치를 지정해준다.
말그대로 상대적! 자신의 이전 element요소에 상대적으로 값이 잡히게 된다,
즉, static이었을 때를 기준으로 위치 조정됨.

absolute

top, left, right, bottom, z-index를 이용해 위치를 지정해준다.
But! 이전 static 요소 무시한다.
부모중에 relative,absolute,fixed가 없다면 기준이 body가 된다.
있으면 그 부모가 기준이된다.

fixed

보이는 화면이 기준점! 스크롤을 내려도 내가 지정해준 그 자리에 항상 있다.