如何将 div 设置到页面底部？

Question

这可能是一个非常菜鸟的问题，但我什么都做不了。我发现了很多关于这个主题的问题，但到目前为止没有一个有效。我有一个带有两个主要容器的应用程序。基本上是一个标题和一个内容 div。此内容 div 需要动态到达页面底部（取决于浏览器大小）。

我尝试过诸如 height:100vw 之类的方法，但使页面过长并插入了滚动条。还有 Height: 100% 什么都不做。

我在 bootstrap 和 ui.bootstrap 中使用 angular。这被加载到索引中：

 <div class="app-container">
  <navbar></navbar>
  <div ng-view=""></div>
  <div class="footer"></div>
</div>

navbar 是一个加载模板的自定义指令。 ng-view 看起来像：

<div class="content-container">
  //content
</div>

所以基本上内容容器 div 需要始终到达页面底部。我已经看到这个问题的 js 解决方案，但找不到任何角度特定的解决方案。

解决方案

（感谢 Vinc199789）

height:calc(100vh - header_height);

Answer 1

您尝试过使用绝对位置和底部：0px？

.content-conainer{
     position:absolute;
     bottom:0px;
}