[解決済み] ボディの高さをブラウザの高さの100%にする

質問

bodyの高さをブラウザの高さの100％にしたいのですが、どうすればいいですか？CSSで実現できますか？

を設定してみました。 height: 100% が、うまくいきません。

ブラウザのウィンドウ全体を覆うようにページの背景色を設定したいのですが、ページの内容が少ない場合、下に醜い白いバーが表示されます。

どうすればいいですか？

html要素の高さも100%にしてみてください。

html, 
body {
    height: 100%;
}

Bodyはdynamicプロパティのスケーリング方法を親（HTML）に求めるので、HTML要素にも高さを設定する必要があります。

しかし、bodyの内容はおそらく動的に変化する必要があります。 min-heightを100%に設定することで、この目的を達成することができます。

html {
  height: 100%;
}
body {
  min-height: 100%;
}