IE——全屏、居中内容答案

【问题标题】：IE—fullscreen, centered contentIE——全屏、居中内容
【发布时间】：2014-09-19 23:16:32
【问题描述】：

我已经根据this answer 中的 css 和 html 设置了一个具有固定宽度和可变高度的内容区域、水平和垂直居中的网站。

这在我测试过的所有浏览器中都运行良好，即使在 IE (11) 中也是如此。但是页面也需要在全屏模式下工作，如果我在 ie 中运行它，内容会转到左上角。

这是我的html：

div.wrapper-1 {
 display: table;
 position: absolute;
 height: 100%;
 width: 100%;
}

div.wrapper-2 {
 display: table-cell;
 vertical-align: middle;
}

div.wrapper-3 {
  margin: 0px auto;
  width: u($page-width);
}

<body>
    <div class="wrapper-1">
        <div class="wrapper-2">
            <div class="wrapper-3">
            <!-- does all my content go -->
            </div>
        </div>
    </div>
</body>

我该怎么做才能让它全屏工作？

感谢您的帮助！

【问题讨论】：

对我来说它是一个破坏网站的程序……充其量它是一个浏览器……

标签： html css internet-explorer fullscreen

【解决方案1】：

最后，在四处挖掘之后，我可以启动并运行它！

我将它添加到我的 css 中：

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

【讨论】：

【解决方案2】：

在你的 div.wrapper2 和 3 上设置一个 position:relative;这将保持它相对于您的 div.wrapper1 并且应该解决该问题。这也可以在您链接的答案的第二部分找到。

【讨论】：

那行不通。内容一直停留在左上角……