网站搭建-首页底部出现大块空白区域怎么办？

问题描述

问题解决

原因：你的首页 main.container 被写入了行内样式 min-height: 4376px;，它把主内容强制撑高，导致底部出现大片空白。快速修复（推荐放样式即可）

代码

• 路径：子比主题设置 → 自定义代码 → 自定义CSS（或 外观 → 自定义 → 额外CSS）
• 粘贴下面两行：css

.home main.container{min-height:auto !important;}
main.container[style]{min-height:auto !important;}

保存后清缓存/强刷。若仍被脚本反复改回（极少数情况）

• 路径：子比主题设置 → 自定义代码 → 页脚代码，加入：

<script>
document.addEventListener('DOMContentLoaded',function(){
  var el=document.querySelector('main.container');
  if(!el) return;
  function fix(){ el.style.removeProperty('min-height'); }
  fix(); window.addEventListener('resize',fix);
});
</script>