position 의 종류와 개별 특성

 

 

static​( 정적위치 )​ :

position을 지정하지 않으면 position의 default 값은 static 입니다.

배치형태 - ​​왼쪽에서 오른쪽으로 위에서 아래로 배치됩니다.

 

relative​( 상대적 위치 )​ :

부모 요소 기준으로 위치를 조정 할 수 있다.
초기 위치 값의 영역이 다른요소에 영향을 준다.
배치형태 - ​top, bottom, left, right 속성을 사용하여 px,%,rem,em... 등 의 단위로 배치 할 수 있다.
( 음수 사용가능)

 

absolute​( 절대적 위치 )​ :

position이 static이 아닌 부모를 기준으로 위치를 조정 할 수 있다. 초기 위치 값의 영역이 다른요소에 영향을 주지 않는다.
배치형태 - ​top, bottom, left, right 속성을 사용하여 px,%,rem,em... 등 의 단위로 배치 할 수 있다.
( 음수 사용가능)

 

fixed​( 고정 위치 )​ :

최상위 부모 body 기준 브라우저 화면이 보이는 영역내에서 고정된 위치에 배치 할 수 있다.
배치형태 - ​top, bottom, left, right 속성을 사용하여 px,%,rem,em... 등 의 단위로 배치 할 수 있다.
( 음수 사용가능)