Css 将子分区的宽度扩展到100%

我在这里遇到了一个问题，我以前从未遇到过，似乎想不出任何合理的解决方案，而不需要a）打破现有布局，或b）创建一个新的、奇怪的布局

下面，我将展示我想要实现的目标。我在其他网站上看到过很多次：

<div class="MainContainerDIV" style="width: 960px; height: 100%;">
    <div class="SubDIV" style=width: fill up the browser viewport completely, even extending outside of the parent div; height: 150px;">
        <p>blah blah blah</p>
    </div>
</div>

如果将
position:absolute
应用于子div，则会将其从文档流中删除，然后可以指定100%的宽度。您可以在中看到结果。需要记住的一点是，如果您对父div应用绝对或相对定位，它将不再有效。
非常感谢，@magicalex。以下是最终版本，以防任何人想要扩展双方：