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

Question

我正在使用的jQuery UI.Layout插件和OSX在Chrome，FF和Safari，一切都是庞大的杜里。然而，在Firefox、Chrome和IE8上的Windows (7)上，我得到了以下信息：

布局容器“DIV/#项目-容器”没有高度。

所以DIV看不见了。我的div非常简单的定义如下：

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

那是怎么回事？如果我说高度:100 it，它会呈现。为什么这种情况只发生在Windows浏览器上(除了明显的抨击windows的原因)。

Answer 1

这通常是一个好主意，确保您将100%的高度应用于您的身体& html标记：

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