Php Wordpress主题-我的页脚不';Don’不要呆在底层

Php Wordpress主题-我的页脚不';Don’不要呆在底层,php,html,css,wordpress,web,Php,Html,Css,Wordpress,Web,我的自定义Wordpress主题有一个很大的问题。 我做了很多研究,但似乎没有得到解决。 我的页脚不会停留在页面底部,它甚至会在帖子和静态页面中浮动到页面中间。 我已经尝试了那里的一切,但似乎没有任何效果。我也注意到这是一个非常常见的问题,可能有很多原因,所以我真的不知道这里发生了什么。我已经检查并重新检查了我的代码,但我不知道错误在哪里。 此外,我的页脚在主页上有一个巨大的空白,我尝试过应用底部和顶部的边距,但没有任何效果 我附上了代码和一些截图! 请帮帮我,非常感谢 正文{ 字体系列:

我的自定义Wordpress主题有一个很大的问题。 我做了很多研究,但似乎没有得到解决。 我的页脚不会停留在页面底部,它甚至会在帖子和静态页面中浮动到页面中间。 我已经尝试了那里的一切,但似乎没有任何效果。我也注意到这是一个非常常见的问题,可能有很多原因,所以我真的不知道这里发生了什么。我已经检查并重新检查了我的代码,但我不知道错误在哪里。 此外,我的页脚在主页上有一个巨大的空白,我尝试过应用底部和顶部的边距,但没有任何效果

我附上了代码和一些截图! 请帮帮我,非常感谢

正文{
字体系列:第二;
保证金:0;
位置:相对位置;
}
.包装纸{
宽度:100%;
最大宽度:1180px;
填充:0;
保证金:0自动;
}
h1.横幅{
背景图片:url(images/nuevo-banner_01.jpg);
背景重复:无重复;
文本缩进:-10000px;
高度:400px;
宽度:100%;
}
标题导航{
浮动:对;
}
收割台导航h2{
文本缩进:-10000px;
身高:0;
保证金:0;
}
标题导航李{
浮动:左;
列表样式类型:无;
利润率:10px;
位置:相对位置;
顶部:-398px;
左:-287px;
}
标题导航李a{
文字装饰:无;
颜色:#baa383;
字号:18px;
}
#部分菜单ul{
填充:0;
列表样式类型:无;
}
#第一列{
位置:相对位置;
顶部:-23px;
左:-50px;
填充:0;
利润率:30像素;
}
#第一栏李{
利润率:0.20px0;
宽度:100%
}
#第二列{
位置:相对位置;
右:-320px;
顶部:-533px
}
#第二栏李{
利润率:0.20px0;
宽度:100%;
}
#第三纵队李{
位置:相对位置;
右:-730px;
顶部:-1034px;
填充:0;
利润率:0-65px;
宽度:100%;
}
#旗下{
位置:相对位置;
顶部:-1030px;
填充:0;
宽度:100%;
}
页脚{
宽度:100%;
高度:100px;
位置:绝对位置;
底部:0;
左:0;
显示:块;
}
#雷德斯{
浮动:左;
位置:相对位置;
顶部:-35px;
}
#李瑞德斯{
显示:内联块;
左边距:30px;
位置:相对位置;
左:50px;
}
h3.redes{
位置:相对位置;
顶部:-100px;
}
.评论元{
位置:相对位置;
}
页脚ul{
列表样式类型:无!重要;
字体大小:25px;
浮动:对;
}
页脚李{
文本对齐:居中!重要;
}
#帖子内容{
浮动:左;
宽度:70%;
明确:两者皆有;
}
#边栏{
浮动:对;
宽度:26%;
填充:1%;
背景:#ffffff;
}
#侧边栏李{
列表样式类型:无;
左边距:-40px;
位置:相对位置;
左:-20px;
}
.评论列表{
列表样式类型:无;
填充:0;
}

阿普伦德
阿普伦德
主导航
  • Síguenos en nuestras redes sociales
  • a>
  • 阿普伦迪安多
  • &抄袭;版权所有2016

我现在正在查看您的代码,但是您的facebook.png的锚定标签有一个问题

<a>a> //take a> away
a>//带走a>

页脚的CSS代码是position:absolute。只有当您知道自己在做什么时,才应该使用绝对位置

看看你的代码:

footer {
    width:100%;
    height: 100px; 
    position:absolute; 
    bottom:0;
    left:0;
    display: block;
}
您可以将其理解为距底部零像素,距左侧零像素,但处于绝对位置。当你滚动页面时,页脚会随着滚动一起移动,这是99.999%的情况下你不希望看到的页脚。它也负责你的FrontPage上的空白空间。 请尝试:

footer {
   position:fixed;
}
。。。如果希望页脚粘在底部但始终可见,请尝试

footer {
       position:inherit;
    }
。。。因为他们的惯常行为

在此处阅读有关position属性的更多信息:


顺便说一句:请注意,像这样的问题不太可能得到很好的回答,因为您发布了大量未经验证的代码(请阅读有关如何创建的更多信息)。

您有机会分享您的网站吗?所提供的代码在运行时会粘在底部。你好,Elizer!这是一个网站,非常感谢你检查它并试图帮助我:)我认为你的css语法不正确,我将创建一个页脚,你可以在一瞬间操纵。你好,安东尼!Thabk感谢您的观察,但我不认为这会影响页脚:(我仍然遇到同样的问题。我将等待您创建的页脚,我相信它会有帮助:)非常感谢!你好,布莱克姆!谢谢你的解释和帮助。我试过了,但知道当我上下滚动时,页脚会移动。我什么都试过了,但都没用。试试位置:继承或位置:相对。这可能就是你想要的?并删除bot