网站页脚部分div无法全屏显示，寻求技术解决方案

嘿，我看了你的问题和提供的页脚代码，一下子就找到问题所在啦！你把整个页脚的内容都套在了.container容器里——而Bootstrap的.container类默认自带左右内边距（padding），这就是为啥你看到浅蓝、深灰div能全屏，但页脚其余区域有白色边距的原因（那些能全屏的div肯定是在这个.container外面的对吧？）

具体解决方案 #

给你两个简单的解决思路，选一个适合你的就行：

方案一：调整结构（推荐，符合Bootstrap规范）

把全屏的背景div放在最外层，内部需要居中的内容再用.container包裹，这样背景能占满全屏，内容又能保持居中对齐。修改后的结构大概是这样：

<!-- 这里是你的全屏浅蓝/深灰背景div -->
<div class="your-full-footer-bg-class">
  <!-- 内部内容用container来居中，而不是把整个页脚套进去 -->
  <div class="container">
    <div class="row justify-content-center">
      <img src="/wp-content/uploads/2019/01/jvj.png" style="height:130px">
    </div>
    <div class="row justify-content-center">
      <div class="col-sm-9">
        <div class="menuborder">
          <div class="row">
            <div class="col-sm-4">
              <p style="text-align:center; vertical-align:middle; "><a style="text-decoration:underline; font-weight:bold;color:#32373C !important;" href="/privacy-policy/">Privacy Policy</a></p>
            </div>
            <div class="col-sm-4">
              <p style="text-align:center; vertical-align:middle; "><a style="text-decoration:underline; font-weight:bold;color:#32373C!important;" href="/contact/"> Contact Us</a></p>
            </div>
            <div class="col-sm-4">
              <p style="text-align:center; vertical-align:middle; "><a style="text-decoration:underline; font-weight:bold;color:#32373C!important;" href="/faq/">FAQ</a></p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12" style="margin-top:1em;">
        <p style="text-align: center; color:#32373C">© Copyright Leicester Primary Partnership 2019 | This site is maintained by the <a style="color:#32373C !important; text-decoration:underline !important;" href="https://www.sdsa.net/">School Development Support Agency</a></p>
      </div>
    </div>
  </div>
</div>

方案二：覆盖容器样式（快速临时解决）

如果不想大改结构，可以给页脚里的.container加自定义CSS，去掉它的边距：

/* 给页脚的container加专属类或者直接选中 */
.footer-container {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: 100%; /* 防止Bootstrap的max-width限制 */
}

然后把你的.container改成<div class="container footer-container">就行。不过这个方法要注意，别影响到页面其他地方的.container哦。

额外检查点 #

另外可以确认下你的body标签有没有默认的margin，虽然Bootstrap通常会重置，但保险起见可以加一行CSS：

body {
  margin: 0;
}

作为编程新手，这种容器边距的小坑太常见啦，调整完应该就能看到页脚全屏显示啦！

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