html、body高度

html、body高度,第1张

div的100%是从其上一级div的宽高继承来的,有一点很关键,就是要设置div100%显示,必须设置其上一级div的宽度或高度,否则无效。前面总得有个容器说明他的高度是多少。这样的话div才能按比例100%继承上一级的高度可惜的是浏览器一般默认解释为内容的高度,而不是100%。解决方法:只要为html和body设置高度为100%就可以了html,body{height:100%}这样之后div会按比例来继承上一级的高度了.仅仅设置的DIV元素的height属性貌似没有什么效果。

div的100%是从其上一级div的宽高继承来的,有一点很关键,就是要设置div100%显示,必须设置其上一级div的宽度或高度,否则无效。

前面总得有个容器说明他的高度是多少。这样的话div才能按比例100%继承上一级的高度可惜的是浏览器一般默认解释为内容的高度,而不是100%。解决方法:只要为html和body设置高度为100%就可以了html,body{height:100%}这样之后div会按比例来继承上一级的高度了.仅仅设置的DIV元素的height属性貌似没有什么效果。

没看到代码就只能说出我所猜想的了:

标签没闭合,也就是你代码错误

你用了iframe 页面嵌套进去,而这个iframe又不占据全屏高度

你对height的理解有问题,html,body{height:100%}的意思是获取浏览器的高度并且赋值给html,body,定死html,body的高度。也就是屏幕的高度;

其实已经是100%了,但是你没有reset body的样式,比如body{margin:0}那么body默认就有一定的margin值,你所看到的body其实并不是铺满而是里面最外层有一定间距

这是我所想到的所有情况了。

如果能提高效果图 和代码 我想应该可以找出具体的问题所在


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6220062.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存