IE6全屏div

Question

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

奇怪的是，我可以让它在怪癖模式下工作，但是当我打开标准兼容模式时，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;
}