为什么要在html和body加上“height:100%;”

因为如果不加，那么body高度的值，就是页面所有元素所到达的高度。

可以给body加上一个背景颜色来查看效果，如果文件流不是很长，不至于占满整个窗口（未产生滚动条），那么可以看到背景颜色只是作用到文件流的末尾。

而给html的加上

"height:100%;"

这一样式，则指定了body的父元素高度为100%，再在body中指定height:100%;，意味着占满整个窗口。

这样做，在文件流不占满窗口时，背景等效果也能很好地呈现。