CSS:使非根 block 元素占据整个页面

Question

当元素处于非根级别，宽度和高度设置为 100% 时，是否可以仅使用 CSS 使 block 元素占据整个页面(“忙框”)，使其仅与父元素一样大元素？

我本可以使用绝对大小来完成它，但这需要 javascript 来调整到页面的当前大小。

如果我想让元素占据整个页面，这看起来我应该在根级别添加元素，但我无法修改母版页，因为我们正在重用标准的 SharePoint 页面。

@Edit:出于某种原因，这两个答案都不适合我，我一定是 CSS 怪癖，我会寻找其他解决方法。

Answer 1

您不需要找出页面的当前大小。相反，请尝试:

position:absolute;
top:0;
bottom:0;
left:0;
right:0;