You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Divi页脚无法对齐至页面底部问题求助

Divi页脚固定底部解决方案
  • 先查Divi自带设置:进入Divi主题定制器(Divi > Theme Customizer),找到Footer > Footer Position,选「Fixed Bottom」,保存后刷新页面测试。要是之前试过没效果,清一下网站缓存再试。

  • 用强制CSS覆盖:如果自带选项没用,把下面代码贴到Divi的自定义CSS区域(Divi > Theme Options > General > Custom CSS):

/* 固定Divi页脚在页面底部 */
#page-container {
  min-height: calc(100vh - 150px); /* 把150px换成你实际的页脚高度 */
  position: relative;
}

#main-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

提示:页脚高度可以按F12打开浏览器开发者工具,选中页脚元素查看height值

  • 排查冲突项:
    • 先禁用所有第三方插件,刷新页面看是否正常,排除插件样式冲突
    • 检查自己加的其他自定义CSS,有没有带!important的规则覆盖了页脚样式
    • 临时切换到WordPress默认主题(比如Twenty Twenty-Three)测试,确认是不是Divi主题本身的设置问题

内容的提问来源于stack exchange,提问作者Frank van Hassel

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.03 14:35:20