[CSS] CSS Postition (static, relative, absolute, fixed)

static

모든 태그들의 defalut 상태

왼쪽에서 오른쪽, 위에서 아래로 쌓임

See the Pen static by 쓰링 (@nqdjmwpc-the-sasster) on CodePen.

 

 

relative

top, right, bottom, left 속성을 사용해 위치 조절이 가능

See the Pen Untitled by 쓰링 (@nqdjmwpc-the-sasster) on CodePen.

 

 

absolute

position: static 속성을 가지고 있지 않은 부모를 기준으로 움직임

 

fixed

항상 특정 위치에 고정