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

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

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

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

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

    原文作者:无非
    原文地址: https://segmentfault.com/a/1190000002488150
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞