구현하고 계신 것은 form wizard, 특히 단계마법사(steps wizard)라고 부르는 것입니다. 선택은 4가지입니다.

1. 정영훈님의 댓글 답변과 같이, step이 넘어갈 때 이번에 넘어온 step의 컨테이너의 height를 얻은 다음 그걸 가지고 height를 다시 주는 처리를 구현합니다.
   • 모바일에서 좀 정신없을 수 있습니다.
2. step을 감싸는 컨테이너의 너비를 고정하고, 그 안의 step 콘텐츠들을 스크롤 시켜줍니다.
   • 안 그럴 것 같지만 이게 최선인 상황이 분명 있습니다.
3. 현재 브라우저의 기본동작 - 지금 보이지는 않지만 가장 높이가 높은 DOM을 기준으로 부모 높이를 강제한다 - 을 존중하고 이에 적응합니다.
   • 모바일에서 좀 휑해 보이는 UX 이슈만 빼면 사실 별 문제가 없는 옵션이기도 합니다. 필요하면 적당히 페이지 최상단/최하단으로 스크롤만 시켜 주면 되겠지요.
4. 남들이 처리해 놓은 스텝 폼 위자드 플러그인들을 갖다 쓰고 그것들이 선택한 선택을 따라갑니다.
   
   • 저라면 이렇게 하겠습니다. 지금이야 버튼 클릭으로 div 가리고 숨기는 단계이므로 상관없지만, 이걸 실서비스에 올려서 고객들의 입력을 받으려면 생각보다 넣어야 할 전후 처리가 많아집니다. 이때는 남이 해논 걸 쓰는 게 부끄럽지만 도움이 됩니다.