Question

当元素位于非根级别时，只有CSS才能使块元素占据整个页面（“忙碌的盒子”），其中宽度和高度设置为100％，它只会扩展到父级元件？

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

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

@Edit：由于某种原因，这两个答案中没有一个对我有用，请给我一个CSS怪癖，我会寻找其他的解决方法。

Answer 1

您无需查找当前页面大小。相反，尝试：

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

Answer 2

应该工作的是position:fixed。这个问题是IE6，但有一些解决方案：http://www.howtocreate.co.uk/fixedPosition.html。固定定位应使元素离开流动并根据窗口定位。有关定位的更多信息：http://www.quirksmode.org/css/position.html

当然，我假设您希望它占据整个视口并留在那里，并且无论您想要显示它在哪里都将在元素本身内。这些是很多假设。正如您可能从名称中猜到的那样，固定定位将元素放在您放置的位置 - 在其他所有内容之上，并且在您滚动时它不会移动。