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

Question

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

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

我将 angular 与 bootstrap 和 ui.bootstrap 结合使用。这被加载到索引中:

 <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 解决方案，但找不到任何 Angular 特定的解决方案。

解决方案

(感谢 Vinc199789)

height:calc(100vh - header_height);

Answer 1

你试过绝对位置和 bottom:0px 吗？

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