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

Question

这可能是一个非常noobie的问题，但我无法得到任何工作。我发现了很多关于这个问题的问题，但到目前为止还没有一个有效。我有两个主要容器的应用程序。基本上是标题和内容div。此内容div需要动态到达页面底部（取决于浏览器大小）。

我尝试过像height：100vw这样的东西，但会让页面太长并插入一个滚动条。还有高度：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;
}