Windows 7 浏览器忽略 DIV 高度 100%

Question

我正在使用 jQuery UI.Layout 插件，在 OSX 上的 Chrome、FF 和 Safari 上，一切都很顺利。但是，在 Windows (7) 上的 Firefox、Chrome 和 IE8 上，我得到以下信息：

布局容器 “DIV/#project-container”没有 高度。

所以 DIV 是不可见的。我的 div 定义非常简单，如下所示：

<div id="project-container" style='height: 100%'>
....
</div>

那么什么给出了？如果我说 height: 100px 它就会渲染。为什么这种情况只发生在 Windows 浏览器上（除了明显的 Windows 攻击原因）。

Answer 1

确保将 100% 的高度应用到身体和身体上通常是个好主意。 html 标签也是如此：

html, body {
    height: 100% !important;
}