如何将子元素的宽度设置为与祖父元素的宽度相同

Question

我在基于 CMS 的论坛工作。我正在做的事情只会与该页面的一个页面和一个部分相关。

有一个内部主体，容器元素具有 max-width: 1200px。这适用于页面上的其他所有内容。因此，我创建了一个唯一的部分，我想匹配祖父母元素（更像是曾曾曾祖父母）。基本上只是100vw。我不确定如何在不更改为 position: absolute 的情况下使用 CSS 执行此操作。我想保留此部分的相对位置。

我没有完整的代码，因为这是一个 CMS，代码被埋没了。这是输出。

我想在整个页面上占据 100 倍的部分是 #homeContainter。

#homeContainer {
    width: 100vw;
    height: 80vh;
}

.p-body {
    display: flex;
    align-items: stretch;
    flex-grow: 1;
    min-height: 1px;
}
.p-body-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1200px;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
}