Position Fixed

Position Fixed를 이용하면 페이지 상에 항상 같은 위치에 고정된다.

예) 광고 팝업창, 넷플릭스 메뉴바

스크롤을 내리면 position: fixed;를 한 #different wheat색 박스는 처음 만들어진 그 위치에 고정된다.

하지만 top, left, right, bottom 중 하나만 수정해도 완전히 서로 다른 레이어에 위치하게 되어 원래 위치가 무시된다.
이때 position: fixed;를 사용한 wheat색 박스가 맨 앞에 위치하게 된다.