css - 如何让div充满浏览器窗口

Question

从互联网上访问了很多网站后，我找不到方法，如何制作一个充满浏览器窗口的div。首先它应该被隐藏但是在回发时它应该是可见的。这个 div 不是 body 标签的直接子元素，而是放在表格行内。我应该应用什么样的 CSS 才能使其适合窗口。我在 Css 下使用了 div 但对我不起作用。

 .BodyCover { position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  }

编辑

Html 标记在下面，

 <table>
     <tr>
        <td>Content</td>
    </tr>
     <tr>
        <td>Content</td>
    </tr>
    <tr>
        <td><div class="BodyCover "></div></td>
    </tr>
</table>

我怎样才能通过任何一种方式实现这一点意味着我想让 DIV 像漂浮在 body 事件上的一些按钮点击。这怎么可能通过其他方式。

Answer 1

基于百分比的宽度和高度是相对于包装元素的(顺便说一句，绝对位置也是如此)，所以如果你想让你的 div 覆盖整个 body ，你别无选择，只能让它成为 body 的直接后代，或者使用 javascript 手动更改 div 的大小和位置。

有趣的问题是为什么您希望 div 成为表格的一部分但覆盖整个屏幕...