我可以对内容使用最大宽度而对背景使用全宽吗？

Question

我正在开发一个带有主题选项页面的 Wordpress 主题。在这些选项中，可以设置网站的最大宽度，但我在内容区域方面遇到了一些困难。

当max-width填充时，报头-和页脚区域得到max-width和margin: O auto;。

内容页面将使用 Gutenberg Builder 创建，我希望能够为我使用的块添加背景属性并全角显示它们，但内容属于之前定义的最大宽度。

HTML：

<header class="site-header">

   <div class="header-wrapper"></div>

</header>

<main class="site-content">

   <article class="post-10">

      <header></header>

      <div></div>

      <footer></footer

   </article>

</main>

<footer class="site-footer">

   <div class="header-wrapper"></div>

</footer

CSS：

.header-wrapper,

.footer-wrapper,

article {

     max-width: 1366px;

     margin: 0 auto;

}

我明白了：

我希望我的背景是全角的，但我的内容与页眉和页脚的内容相同。

是否有可能max-width为页面的页眉、内容和页脚部分设置相同的内容，并确保内容区域中的背景仍然是全角的？