如何使页脚停留在网页的底部？
我有一个简单的2列布局，带有页脚，可清除标记中的右和左div。我的问题是我无法在所有浏览器中都将页脚停留在页面底部。如果内容将页脚放下，它会起作用，但并非总是如此。
问题答案：
要获得页脚的粘性：
-
有一个
<div>与class="wrapper"您的内容。 -
右 前 收盘
</div>的的wrapper地方<div class="push"></div>。 -
权 后 收盘
</div>的的wrapper地方<div class="footer"></div>。
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 142px; /* .push must be the same height as .footer */
}
-
我有多个div和其中大多数是浮在左边。如果我在页面上放置一个绝对和底部0px的位置，页脚将跳到页面的一半，并坐在内容的顶部。以下是我的HTML： 下面是我的CSS：
-
问题内容： 我有以下页面（deadlink：），它的页脚位于该页面的底部，我无法定位。 我想要页脚 当页面短且屏幕未填满时，请粘在窗口底部，并且 当内容多于内容（而不是内容重叠）时，请停留在文档末尾并照常向下移动。 CSS被继承并迷惑了我。我似乎无法适当地更改它以在内容上放置最小高度或使页脚移至底部。 问题答案： 一个简单的方法是让身体您的网页，用的了。如果页脚的高度没有变化，则效果很好。 将页脚
-
这是我的代码，我想我的页脚是静态的在我的html页面底部，我如何修复它？
-
这是我的HTML： 这是我的CSS，仅用于页脚：
-
问题内容： 任何人都可以解释如何将页脚div与页面底部对齐。从我所看到的示例中，它们都显示了如何使div保持在底部可见，无论您将页面滚动到何处。虽然我不想要那样。我希望它固定在页面的底部，所以它不会移动。感谢帮助！ 问题答案： 更新 我的原始答案来自很久以前，并且链接已断开；更新它，使其继续有用。 我包括内联的更新解决方案，以及JSFiddle上的工作示例。注意：尽管没有内联那些样式，但我依赖CS
-
问题内容： 当我有一个页面可以通过CSS动态设置高度（例如，从数据库获取信息）时，如何将页脚div始终保持在窗口底部？ 如果您想使用jQuery，我想出了这一点并且效果很好： 设置页脚的CSS： 设置脚本： 该脚本必须位于代码的末尾。 问题答案： 我相信您正在寻找 粘性页脚 从上面的文章： layout.css： html页面：