CSS:粘性页脚不起作用

标签 css sticky-footer

如果比较以下 2 个页面:

第 1 页:http://goldencraft.co/wp/

第 2 页:http://goldencraft.co/wp/contact/

CSS:http://goldencraft.co/wp/wp-content/themes/minecraft/style.css

您会看到,当有内容时,页脚没有正确固定。我已经尝试修复它一个小时了,所以我希望有人能在 CSS 中发现问题,谢谢。

Example of sticky footer

最佳答案

罪魁祸首似乎是 iframe就在 </body> 之前标签。它有一个 visibility:hidden规则,这将允许它替换页面上的元素(与 display:none 相比)。

您可以删除它,也可以添加以下 css:

iframe {
  display:none;
}

关于CSS:粘性页脚不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13558903/

相关文章:

jquery - 部分粘性页脚

html - 为什么我的页脚不会转到页面底部?

php - Bootstrap 3.x 的粘性页脚不起作用

css - 使用 CSS 更改事件菜单项的文本颜色

css - 修复了 3 列布局中的可切换页脚

html - 百分比问题,让元素跟随 100% 浏览器宽度

html - 如何仅使用 HTML 和 CSS 创建子选项卡

css - 未设置背景时固定页眉和页脚出现问题

html - 插入其他元素的入口动画 - 仅限 CSS

javascript - 访问后不要更改表格行的颜色