Angularjs 页脚不会粘到底部

这是我的扑克牌：

简言之：我找不到办法把页脚放在页面底部

我试着仅仅依靠html：

<footer></footer>

我尝试使用bootstrap ui的类：

<div class="modal-footer">

或

...

但是什么都没有…只是看起来不起作用…

看看这个：

我在页面的头部添加了一些css。 首先，如果你检查页面，正文的长度只有页面的一半。所以我们必须给它100%的高度，这样它才能占据整个页面

其次，要将页脚放置在页面底部，我们需要将其定位为绝对，使其自身与第一个定位的父元素对齐（在本例中为无，因为我们没有指定任何其他元素的位置），然后您可以将底部指定为0，使其固定在底部

这是我们将页脚放在底部的正常方式。您可以检查引导是否内置了某些内容

---

希望这能有所帮助。

是的，它可以工作，但现在分隔页脚本身的直线正好停在中间。这就是宽度问题，因为我们没有指定任何宽度。您需要将模式页脚的宽度设置为100%。请参阅上面修改的CSS。您保存了我的一天

<div id="footer">
   <div class="container">
    ...
</div>

html, body {
  height: 100%;
}

.modal-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}