IE6全屏div

Question

基本上，出于各种原因，我必须在我的页面上呈现全屏 div。现在这在非 IE 浏览器中相对简单（绝对定位，上/左/右/下为 0px），也可以在 IE7 上轻松完成（通过一些调整）但是我无法让它在 IE6 上运行。

奇怪的是，我可以让它在怪癖模式下工作，但是当我打开标准合规模式时，div 不会水平填充屏幕。不幸的是，我需要页面上其他元素的标准合规模式。

这是我的 CSS：

div#myId
{
    background-color: #3070cf;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%; /* Removing width or height doesn't help either */
    height: 100%;
}

我的演示页面基本上是一个符合标准的 XHTML，具有适当的 DOCTYPE，其正文中只有一个 div (id="myId")。

现在我知道绝对定位通常不是一个好主意，但正如我所说，在这种情况下我真的需要它。大家有什么建议吗？

Answer 1

你也试过设置吗？

html, body{
  height: 100%;
  width: 100%;
}

Answer 2

我已经能够通过首先赋予身体以下样式来完成这些壮举：

body
{
   height: 100%;
   width: 100%;
}

然后，可以给出完整大小的 div：

div#myId
{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

这似乎适用于大多数主要浏览器。还要注意，IE 将始终在页面右侧创建一个禁用的滚动条。如果你不想这样，你可以添加以下内容：

html
{
  overflow: auto;
}