Static Position

top, left, right, bottom 같은 위치 속성 적용 안 됨.

Relative Position

원래 static일 때 있던 위치를 기준으로 top, left 등으로 살짝 이동 가능.

Absolute Position

책상 위에 떠다니는 포스트잇처럼, 원하는 곳에 “딱 붙여놓는” 느낌

Fixed Position

웹페이지에 고정된 “네비게이션 바”나 “상단 배너” 같은 느낌..

Sticky Position

스크롤하다가 특정 위치에 닿으면 그 자리에서 멈춰서 고정

Scroll down to see the sticky element stick to the top of this container.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla condimentum tortor sem.

Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.

Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes.

Cras mattis consectetur purus sit amet fermentum.

Scroll down to see the sticky element stick to the top of this container.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla condimentum tortor sem.

Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.

Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes.

Cras mattis consectetur purus sit amet fermentum.