[CSS] position(static, relative, absolute, fixed) 속성 정리

position(static, relative, absolute, fixed)

: 레이아웃을 배치하거나, 객체를 위치 시킬 때 사용되는 속성입니다.

 

static(기본값): 객체에 대한 위치를 지정하지 않을 때 사용됩니다.

 

relative : static이 가지고 있는 위치를 시작점으로 위치를 지정할 수 있습니다.

 

absolute : 가장 가까운 상위 요소를 기준으로 원래 위치와 상관없이 위치를 지정할 수 있습니다.

 

fixed : 브라우저 화면의 상대 위치를 기준으로 원래 위치와 상관없이 위치를 지정할 수 있습니다. 상위 요소에 영향을 받지 않기 때문에 화면이 바뀌더라도 고정된 위치에 지정할 수 있습니다.

 

 

---

 

 

참고 글:

[css] position (static, relative, absolute, fixed) 의 속성

https://electronic-moongchi.tistory.com/26

 

 

CSS의 position 속성으로 HTML 요소 배치하기

https://www.daleseo.com/css-position/