单页面footer无法铺满全屏问题求助（附页面代码）

• 检查页面的根容器或footer的直接父级容器，看是否设置了width、max-width或overflow属性，这类属性会限制子元素的宽度范围，导致footer无法撑满全屏。
• 排查是否存在未闭合的HTML标签，比如漏写</div>、</section>等，标签嵌套错乱会让DOM结构异常，footer的布局逻辑被打乱。
• 确认该页面是否有页面专属的内联样式或局部style代码，即使全局CSS正常，局部样式可能覆盖了footer的全屏规则，比如给footer加了float、display: inline-block或固定宽度值。
• 查看footer元素的盒模型（浏览器F12打开Elements面板），检查是否有意外的margin、padding或border占用宽度，同时确认父元素的宽度计算是否为100%。
• 检查页面是否引入了额外的第三方脚本/样式，部分插件可能会给body或容器添加默认的内边距/外边距，影响footer布局。

若能附上该页面的完整HTML代码，可以更精准定位问题，比如：

请替换为你的页面代码片段

<body>
  <!-- 页面主体内容 -->
  <div class="main-content">...</div>
  <!-- 有问题的footer -->
  <footer class="page-footer">...</footer>
</body>

内容的提问来源于stack exchange，提问作者Hayat Aarrass