html中设置height=100%无效的问题

最新推荐文章于 2023-04-23 12:42:26 发布

weixin_30633949

最新推荐文章于 2023-04-23 12:42:26 发布

阅读量332

点赞数

原文链接：http://www.cnblogs.com/hfeng007/p/9181709.html

版权

设置height=100%（网页内容能够更好的适配各种屏幕大小）

第一种是设置某个单独的div元素 height=100%无效

原因很简单，所有基于本分比的尺寸必须基于父元素，而你如果没有设置父元素尺寸的大小就会失效，这里我们设置<body>height=100%,有时候这样设置也是无效的，因为body的父元素html没有设置，没有设置的尺寸默认为0 x 0 像素，所有一般加上

html,body{height = 100%}就会解决

第二种：

很多情况下只设置body{height=100%}也能解决第一种情况的问题，但是部分浏览器还是要加上html{height=100%}

所以这里习惯性统一加上html,body{height = 100%}

转载于:https://www.cnblogs.com/hfeng007/p/9181709.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注