sticky
-
[Day 11] CSS position / fixed와 stickyTIL/멋쟁이사자처럼 FE스쿨 2기 2022. 4. 12. 01:29
Position position은 위치를 정해주는 속성으로 크게 1. static 2. relative 3. absolute 4. fixed 5. sticky 가 있다. 1. static은 디폴트값으로, 순서대로 엘리먼트를 위치시킨다. 2. relative는 위치를 상대적으로 설정한다. 자기 자신의 position을 relative로 설정 후 top/bottom/left/right 등으로 세부 위치를 조절한다. 3. absolute는 position 속성이 설정된 부모 요소 기준으로 위치한다. 그 부모 요소의 위치를 기준으로 자기 자신에게 top/bottom/left/right 등으로 세부 위치를 조절한다. position: fixed vs sticky fixed 는 흔히 특정 박스가 스크롤 시에도 고정..