HTML 让body适应屏幕高度

Spirits、

于 2019-02-20 17:32:00 发布

阅读量1.2w

点赞数 5

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： Body适应屏幕高

本文链接：https://blog.csdn.net/qq_36719449/article/details/87809179

CSS 专栏收录该内容

3 篇文章

订阅专栏

                    
                    只给div设置高度，页面高度100%无效
只给body设置高度100%仍然无效
同时给html与body设置100% 才有效
 百分比的宽度是相对于其父元素而言，一种方法用单位明确指定父元素的高度，另一种办法就是上面介绍的从html,body开始用百分比继承。html的百分比是相对于浏览器而言，其他是相对于其父元素而言。也就是说应该养成一个好的习惯，写html网页时候上来就把html,body{height:100%}写上去。这样后面的div就可以用百分比起作用了。