position style 3 - absolute

box1
box2
box3
box4
box5


position style 4 - fixed

fixed 값을 사용하는 요소 역시 absolute 값을 사용하는 요소처럼 문서 흐름과는 상관 없이 좌표로 위치를 결정하지만, 기준이 되는 요소가 부모 요소가 아니라 브라우저 창이 기준이 된다. 브라우저 창의 왼쪽 모서리 부분을 원점으로 좌표가 계산되고 한번 배치되면 fixed 라는 이름처럼 브라우저 창을 스크롤하더라도 계속 고정되어 표시된다.

fixed 값을 사용하는 요소 역시 absolute 값을 사용하는 요소처럼 문서 흐름과는 상관 없이 좌표로 위치를 결정하지만, 기준이 되는 요소가 부모 요소가 아니라 브라우저 창이 기준이 된다. 브라우저 창의 왼쪽 모서리 부분을 원점으로 좌표가 계산되고 한번 배치되면 fixed 라는 이름처럼 브라우저 창을 스크롤하더라도 계속 고정되어 표시된다.