Twitter bootstrap 页脚位于页面底部，带有动态内容区域

我正在使用AngularJS和Bootstrap构建一个应用程序。页面结构相当普通，有一个带有导航的页眉区域、一个内容部分和一个页脚。我试图让页脚显示在内容区域的底部，如果内容区域的高度小于浏览器窗口的高度，页脚将显示在浏览器窗口的底部

工作是一种享受

然而，作为一个有角度的应用程序，内容是动态生成的，并且通常比浏览器窗口的高度长。在这种情况下，页脚位于浏览器窗口的底部，位于动态生成的内容的顶部。我需要在动态生成的内容之后显示页脚。理想情况下，这应该只使用CSS完成，但我也对JS解决方案持开放态度

有什么建议吗

---

非常感谢。

使用适当的JSFIDLE尝试以下代码：

---

使用适当的JSFIDLE尝试以下代码：

---

你能展示你的代码吗？不是实际的代码不（在保密协议下），但我会看看我是否能用提琴复制这个问题。你能展示你的代码吗？不是实际的代码不（在保密协议下），但我会看看我是否能用提琴复制这个问题！html样式很好地解决了这个问题。非常感谢。完美答案，太棒了！html样式很好地解决了这个问题。非常感谢。完美答案。

html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 100px;
    /* bottom = footer height */
    padding: 25px;
}
footer {
    background-color: orange;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
    overflow:hidden;
}