postion fixed와 sticky

fixed와 sticky는 언뜻보면 비슷할지도 모르지만, 분명히 다른 쓰임새를 가진다. fixed는 사용자가 보는 화면에서 완전 고정된 위치를 가지지만, sticky는 상대적인 위치를 가지다가, 화면에서 벗어나면 fixed처럼 움직이는 특성을 가진다. HELLO WORLD GOOD .container { height: 1000px; } .side { /* position: fixed; */ position: sticky; top: 20px; left: 50px; height: 100px; width: 100px; } 위와 같이 웹이 구성되었을 때, 스크롤이 맨 위에 위치한 화면은 다음과 같다. 처음에 sticky는 상대적인 위치를 가진다. 스크롤을 밑으로 내리면, sticky값이 지정된 div는 다음과 ..