Wordpress站点容器div两侧出现白边无法铺满全屏如何解决

• 全局CSS修改方案
  登录WordPress后台，依次进入「外观」→「自定义」→「额外CSS」，插入以下代码即可全局生效：

  /* 替换.container为你实际的容器类名 */
  .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  

  若类名不匹配，可右键页面空白处选择「检查」，点击选中你的彩色容器区块，查看控制台Elements面板显示的实际class属性值，替换代码里的.container即可。
• 单页面/单区块单独调整
  仅需要单个页面或单个容器全宽时，可直接在WordPress编辑器中打开对应页面，选中要修改的容器区块，在右侧设置面板的「高级」分类下找到「自定义CSS」输入框，直接添加width:100%;max-width:100%;margin:0;padding:0;即可。
• 主题模板调整
  多数WordPress主题内置全宽页面模板，编辑目标页面时在右侧「页面」设置栏的「模板」下拉选项中，选择名称含「全宽」「无侧边距」的模板，保存后即可自动清除两侧默认白边。
• 排查注意事项
  如果修改容器属性后仍有白边，需要检查容器的父级元素是否存在固定最大宽度或者左右内边距，同步给父级元素添加对应宽距属性即可。

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