WordPress/WooCommerce网站页脚下方大量空白无法消除求助

• 检查主体容器的最小高度设置：不少主题会给body或.site-content这类核心元素设min-height: 100vh，如果内容本身没占满视口，就会强制拉长页面，让页脚下方出现空白。按F12打开浏览器开发者工具，选中这些元素查看height/min-height属性，把不合理的设置改成min-height: auto即可。

• 清掉冗余的空元素：Gutenberg区块或者WooCommerce的组件可能在页脚后生成空容器（比如空的分页组件）。右键查看页面源代码，找到页脚之后的空标签，用CSS隐藏。比如发现空的.woocommerce-pagination，就添加这段CSS：

.woocommerce-pagination:empty {
    display: none;
}

• 检查主题footer模板：进入wp-content/themes/你的主题目录，打开footer.php文件，看看有没有多余的空白代码、未闭合的HTML标签，或者重复调用get_footer()的情况，这些都可能输出无效空白内容。

• 排查JS脚本的影响：产品筛选、图片懒加载这类JS脚本可能会错误修改页面高度，导致布局错乱。临时禁用所有自定义JS（保留WooCommerce核心JS），刷新页面看空白是否消失。如果是某段JS的问题，修改脚本里的高度计算逻辑，避免强制设置页面高度。

• 调整WooCommerce产品布局：在后台进入「外观」→「自定义」→「WooCommerce」→「产品目录」，调整产品列数、每页产品数量。如果产品数量不足一页，部分主题会用空白填充，开启分页或者调整产品数量就能解决。

内容的提问来源于stack exchange，提问作者Sam Citron