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

674 查看

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

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

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

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