9일차_HTML/CSS (4)

<position 속성>

 

static

: 정적인

- 움직이지 않게 되어있다.

 

relative

: 상대적인

- 현재위치 기준으로 이동

- relative를 주고 left,right,top,bottom값을 주지않으면 박스가 이동하지 않음.

- absolute를 줄 때 absolute의 기준을 마련하기위해서 left,right,top,bottom값을 주지않은 relative를 쓴다.

 

absolute

: 절대적인

- 자신의 상위요소 중 relative나 absolute인 것 기준으로 이동

- 상위 요소가 없는 경우 body를 기준으로 이동

 

fixed

: 고정된

-스크롤 내려도 그 위치 계속 고정