html - IE6全屏div

Question

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

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