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
相关产品推荐
相关产品推荐

