Position

가지고 놀면서 배우는 position: absolute;

div 안에 div 안에 div 1. .child에 position:absolute를 주자. 그리고 top과 left를 0을 줌으로써, 어디를 기준으로 위치가 이동되는지 보자. .child { width: 30px; height: 30px; background-color: orange; position: absolute; top: 0; left: 0; } 뷰포트를 기준으로 top: 0, left: 0이 적용되어 뷰포트 최상단 왼쪽에 붙었다. 기준이 되는 부모컨테이너를 지정해주지 않고 단독으로 absolute를 가지고 있으면, 뷰포트 전체 창 기준에서 움직인다. 흔히 우리가 position:absolute 사용 시 기준이 되는 부모컨테이너를 지정해주지 않으면 body 혹은 html을 기준으로 움직인다고 하..