ember js中的粘性页脚[重复]

Question

我有 emberjs 应用程序，我尝试创建粘性页脚。

我的html：

<div class="main-container" id="">
  <header> HEADER </header>

  <div class="container">
    {{outlet}}
  </div>

  <footer>
    footer text
  </footer>
</div>

CSS：

.ember-view {
  height: 100%;
}

.main-container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -40px;
}

footer {
  clear: both;
  line-height: 40px;
  width: 100%;
}

由于未知原因，页脚仍然没有粘在底部。

有什么想法吗？

非常感谢:)

Answer 1

在您的 CSS 中，您应该将以下属性添加到您的页脚

footer {
position: fixed;
bottom: 0;
}