如何在页面底部固定页脚？[副本]
这是我的代码，我想我的页脚是静态的在我的html页面底部，我如何修复它？
<footer class="footer">
<div>
</div>
<div class="footer_container">
<%= link_to "About Us", '#' %>
<%= link_to "Contact Us", '#' %>
</div>
</footer>
共有1个答案
只需编写以下CSS：
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%; // <- this is optional
}
这是参考资料
-
这是我的HTML： 这是我的CSS，仅用于页脚：
-
问题内容： 任何人都可以解释如何将页脚div与页面底部对齐。从我所看到的示例中，它们都显示了如何使div保持在底部可见，无论您将页面滚动到何处。虽然我不想要那样。我希望它固定在页面的底部，所以它不会移动。感谢帮助！ 问题答案： 更新 我的原始答案来自很久以前，并且链接已断开；更新它，使其继续有用。 我包括内联的更新解决方案，以及JSFiddle上的工作示例。注意：尽管没有内联那些样式，但我依赖CS
-
问题内容： 我正在为正在设计的网站使用Bootstrap 3。 我想要一个像这样的样本页脚。 请注意，我不希望它已修复，因此引导程序navbar-fixed-bottom无法解决我的问题。我只是希望它始终位于内容的底部并且也要有所响应。 任何指南将不胜感激。 编辑： 对不起，如果我不清楚。现在发生的是，内容主体没有足够的内容时。我的页脚向上移动，然后在底部留下一个空白区域。 这就是我现在所拥有的导
-
我正在为一个我正在设计的网站使用Bootstrap 3。 我想有一个像这个样本的页脚。样品 请注意，我不希望它被修复，所以bootstrap navbar-fixed-bottom不能解决我的问题。我只希望它总是在内容的底部，也是回应。 CSS
-
问题内容： 我有一个简单的2列布局，带有页脚，可清除标记中的右和左div。我的问题是我无法在所有浏览器中都将页脚停留在页面底部。如果内容将页脚放下，它会起作用，但并非总是如此。 问题答案： 要获得页脚的粘性： 有一个与您的内容。 右 前 收盘的的地方 。 权 后 收盘的的地方 。
-
问题内容： 我在页面底部固定了div，效果很好。我想知道是否有一些简单的方法可以使用户在页面滚动到某个位置时“停止”它。我希望它固定在底部，直到用户向下滚动到页面上某个定义的位置，而不是将其粘贴到页面上并像其余内容一样滚动。有什么建议么？ 问题答案： 我尝试在jsfiddle上进行设置。在撰写本文时，我发现其他人已经发布了他们的替代方案。 我在CSS中将位置设置为相对，计算文档加载时的位置以保留信