標準モード（Strict）で背景画像or枠線を画面の高さ全体に適用したい

CSS HTML

互換モードの場合、ボックス要素にCSSの height:100%; を適用すれば、
親要素に特に高さの明示がない場合でも
拡大解釈されて、ウインドウ表示領域全体の高さにすることができます。


これで、要素の内容の高さが低くても、
高さをウインドウ表示領域いっぱいにしてその要素に背景を指定すると、
ウインドウ表示領域の途中で背景が途切れずに下まで表示させることができます。


ところが、標準モードの場合は、 height:n%; は、
仕様通りに解釈されるため、親要素に高さの明示がない場合は
要素の内容が十分表示される高さ（auto）となり、
上記のように、背景をウインドウ表示領域の下まで表示させることができません。

標準モードで、高さを広げたい場合はこちらの方法を利用します。

html,body{
    height: 100%;
}