让div与浏览器高度相同

方法:
设置html,body{height:100%}
原理:
因为如果不加,那么body高度的值,就是页面所有元素所到达的高度。

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

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

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

发布了28 篇原创文章 · 获赞 1 · 访问量 1425

猜你喜欢

转载自blog.csdn.net/l741938507/article/details/100748313