将子div的宽度扩展到100％

Question

我在这里遇到了一个问题，我之前没有遇到过，似乎没有想到任何合理的解决方案，不需要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>

有人可以给我一些指示，说明我应该如何妥善解决这个问题吗？

Answer 1

如果将position: absolute应用于子div，则会将其从文档流中删除，然后您可以指定100％的宽度。您可以在this jsfiddle中查看结果。需要记住的一点是，如果您对父div应用绝对或相对定位，它将不再有效。