angularjs 中的 100% 高度 div（ng-scope 类问题）

Question

我想在我的首页中放置一个 100% 高度的图像来填充整个屏幕，然后在滚动时显示其他图像和文本。我按照本指南这样做：

问题是，就我而言，如果您想要一个 div 是浏览器窗口高度的 100%，您需要为其所有父元素提供 100% 的高度。因此，为了在 angularjs 中完成这项工作，我为 html、body 和 ng-scope 提供了 100% 的高度（使用 min-height:100% 不起作用）。

问题是在 ng-scope 类中具有 height:100% 会导致一些不需要的行为。例如，如果我想添加一个页脚（它是静态的，在 ng-view 指令之外），页脚显示在第一个 100% 高度之后，而不是出现在页面的末尾，类似于我模拟的这里：

通过模拟 ng-scope 类：

#ng-scope {
    height: 100%;
    background-color:red;
}

那么，有没有办法在不修改 ng-scope 的高度的情况下在 angularjs 中拥有 100% 高度的 div？

非常感谢！

编辑：通过 100% 高度 div，我的意思是一个 div 是浏览器窗口的 100% 高度。

Answer 1

这有点棘手，并不能完全回答您的问题（如何在不修改 ng-scope 的情况下执行此操作），但它确实有效。

html, body, .ng-scope {
  height: 100%;
}

或者使用 Bootstrap

html, body, .ng-scope, .container-fluid, .row {
  height: 100%;
}