Html IE6全屏分区

基本上，出于各种原因，我必须在我的页面上呈现一个全屏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”）

---

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

您也尝试过设置吗

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

---

我已经能够完成这样的壮举，首先赋予身体以下风格：

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

然后，可以为全尺寸div提供以下信息：

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

html
{
  overflow: auto;
}

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

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

html
{
  overflow: auto;
}

---

是的，这在大多数情况下都有效。在一些罕见的情况下，这种方法对我不起作用，我很久以前就选择了溢出：隐藏路径，但在大多数情况下，溢出：自动应该足够了，应该是第一个选择。答案已更新。