页脚悬浮在页面中间

Bri*_*man 2 html css wordpress

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

当我在 css 中设置我的 html height:100% 或者当我设置我的身体位置时:absolute; 我所有的内容在页面上向下移动大约一页的长度。我一直试图为每个单独的页面贴上创可贴,但它产生了越来越多的问题。有人有想法吗?

站点(它在一个随机目录下,这样我就可以在它不完全运行时构建它)。

Lem*_*azi 5

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

html, body {padding:0; margin:0; height:100%;}
footer{position: absolute; bottom: 0; left: 0; right: 0;}
Run Code Online (Sandbox Code Playgroud)

  • 好的,删除所有其他页面都不起作用。所以我保留了它,并在简历页面的页脚中使用了一个 body 类,并使用了 position:static; 那修复了它。非常感谢您在这方面的时间。非常感激。 (2认同)