[CSS] 반응형 웹페이지 생성 시 div 요소의 움직임

나는 이 박스들을 2행 2열로 고정된 상태에서 화면 크기를 줄이면 4행 1열로 움직이게 하고 싶었다.

하지만 무슨 이유에서인지 창을 줄이면 박스가 내려가는게 아니라 움직였다.

알고보니 저 박스하나를 담은 div의 width를 %로 지정해서 그런 것이었다.

이 이유를 찾느라 시간을 허비했다.

혹시나 내 화면보다 큰 화면에서는 크게 보이게 하고 싶은 마음에 퍼센트로 설정했었는데 왜 그만큼 div가 차지하는 넓이가 줄어든다는걸 생각하지 못했을까

width를 px로 바꿔주니 해결됐다.