[Css] - position

<Position>

1. Fixed

레이아웃보다는 위치를 아주조금 위로 , 아주조금 옮기고 싶을때 사용….???
Position :fixed 를 설정해주면 그 박스는 화면에 그대로 고정되어있다
전체 바디를 늘려도 그 자리 그대로
Top, bottom , left, right 프로퍼티 하나만 수정해도 다른 박스랑 같은 선상에 있지않는다 .( 다른 레이어 )
이것을 사용하면 다른 레이어에 위치해 있을 것이다
모든 것의 위에 있다.

 

2. Static  (디폴트)

레이아웃이 박스를 처음 위치하는 곳에 두는 것

3. Relative

element가 처음 위치한 곳 기준으로 수정한다.
보이는 첫 기준점이 정말 중요!
Top, bottom , left, right 수정시  element가 처음 위치한 곳 기준으로 수정한다.

 

4. Absolute

가장 가까운 relative 부모를 기준으로 이동시켜준다.
만약 찾지못하면 body 기준으로 옮겨질것이다.
Top, bottom , left, right 수정시 가장 가까운 relative 부모를 기준으로 이동시켜준다.