html - 页脚 float 在页面中间

Question

我是编码新手，正在 WP 上制作我的第一个网站。我一直在使用 HTML 5 空白模板将 WP 强行提交。我有时无法让页脚停留在页面底部而不是 float 在中间。我自己知道如何执行此操作，但是当我在 WordPress 中执行此操作时，会发生奇怪的事情。

当我在 css 中设置我的 html height:100% 或者当我设置我的 body position:absolute;我所有的内容都向下移动了大约一页的长度。我一直在尝试为每个单独的页面创可贴，但它会产生越来越多的问题。有人有想法吗？

the site (它在一个随机目录下，这样我就可以在它还没有完全运行时构建它)。

Answer 1

您必须在 html 和 body 上设置高度，然后在页脚上设置绝对位置。使用下面的 css

html, body {padding:0; margin:0; height:100%;}
footer{position: absolute; bottom: 0; left: 0; right: 0;}