为啥我做的一个网页body宽高设置为100%,却覆盖不了整个屏幕

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为啥我做的一个网页body宽高设置为100%,却覆盖不了整个屏幕相关的知识,希望对你有一定的参考价值。

参考技术A 那你试试这样撒。
<style>
bodyheight:100%; overflow:hidden; margin:0px; padding:0px;
.box height:100%; background:#ff0000; position:absolute; width:100%;

</style>
<div class=box></div>本回答被提问者采纳

屏幕各种宽高

网页可见区域宽: document.body.clientWidth;
网页可见区域高: document.body.clientHeight;
网页可见区域宽: document.body.offsetWidth (包括边线的宽);
网页可见区域高: document.body.offsetHeight (包括边线的宽);
网页正文全文宽: document.body.scrollWidth;
网页正文全文高: document.body.scrollHeight;
网页被卷去的高: document.body.scrollTop;
网页被卷去的左: document.body.scrollLeft;
网页正文部分上: window.screenTop;
网页正文部分左: window.screenLeft;
屏幕分辨率的高: window.screen.height;
屏幕分辨率的宽: window.screen.width;
屏幕可用工作区高度: window.screen.availHeight;
屏幕可用工作区宽度:window.screen.availWidth;

以上是关于为啥我做的一个网页body宽高设置为100%,却覆盖不了整个屏幕的主要内容,如果未能解决你的问题,请参考以下文章

CSS设置div层充满整个网页

嵌入到企业内部的网页怎么做到宽高自适应

css 中宽高为啥没有继承?

div如何设置100%的高啊

html、body高度

html设置自适应宽高为啥底部会有大片留白