本講義のようにhtml bodyともにheight: 100%;とした際は、きちんと表示されました(#11 1:51の表示)。

そこで、html { height: 100%; }とし、head { height: 0%; }とした場合、自動的にbodyのheightが100%となり、1:51のような表示になるかと思ったのですが、実際は0:02の表示になりました。htmlの子要素はbody、headしかないのに、100-0=100とはならないのでしょうか？

body { height: 100%; }とすれば解決するのですが、なぜこの方法ではできないのかと疑問に思ったため質問させていただきました。