Question

我在加载页面上显示了这个div：

<div id="divProcessing" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: transparent;  z-Index: 2000;overflow:hidden; display:none;border:none;"/>

我的问题是，在有滚动条的页面上，div不会在所有页面上展开，仅在屏幕尺寸上展开，如果我滚动，我可以访问div后面的内容。

我不知道如何扩展或如何计算内容页面的宽度/高度

Answer 1

如果div是body的直接孩子，您可以尝试添加：

html, body {
    height: 100%;
    overflow: hidden;     /* in case your content is floated */
}

你有网页在哪里我们可以看到它吗？

Answer 2

我会使用jquery，你可以获得body元素的高度。

$(body).css('height');

所以你可以做以下事情：

$('#divProcessing').css('height', $(body).css('height') );

然后将div的高度设置为与页面正文相同。

编辑：你特别提到了宽度，但我在考虑高度，同样适用于宽度，只需将'height'替换为'width'

修改处理div的宽度

2 个答案: