@랑이 감사합니다!

안녕하세요. 답변 보고 궁금한게 생겨 질문 드립니다. 맨 마지막에 제시하신 .div { height: 100%;} 는 적용하면 질문자님의 말처럼 긴 가로 박스만 생기던데 이 방법이 첫번째, 두번쨰 방법과 무엇이 다른 건가요?

앗 제가 너무 늦게 확인을 했네용 ㅠㅠ 이는 높이 100%라고 한다면 부모를 참조하게 되는데, 참조할 대상인 body 의 높이는 따로 지정해주지 않으면 height 는 auto 입니다. 만약 고정값이라면 그 높이를 div 가 참조해서 어떤 높이가 정해질텐데. auto 이다보니 참조할 높이를 특정할 수 없어서 반영되지 않는 것이에요. 그래서 최상단 요소인 html 까지 height: 100%를 해주게 되면, 최상단 요소인 문서 전체 높이를 가지고 있을 것이기 때문에 body와 div 의 height: 100%가 타고 내려가면서 높이를 제대로 반영할 수 있게 됩니다.