[CSS] position: fixed

position: fixed; - 브라우저(viewport)를 기준으로 배치됨. - viewport에 기반한 위치 배치는 position: absolute를 통해서도 할 수 있음. - 이전 글 position: absolute 참조 - developing-move.tistory.com/128 - position: absolute는 결과적으로 부모 요소를 기준으로 함. 기준 자체가 viewport는 아님. - viewport를 기준으로 할 경우 명시적으로 position: fixed 사용. position: fixed; 사용 예시 - box2는 화면의 크기를 늘이거나 좁히더라도 bottom: 50px; right: 10px; 위치에 고정됨. - 화면 크기를 늘이거나 좁혀도 해당 위치에 고정. - 위의 예시에서 <body>의 높이를 4000px으로 변경시킴. - 스크롤이 생김. - position: fixed가 부여된 box2가 화면 우측 하단에 고정됨으로 인해 viewport 안에 ...

#css #fixed #position

원문링크 : [CSS] position: fixed