css - 使用 960 网格系统的全宽扩展 div？

Question

在使用 960 网格系统时，如何使 div 扩展到浏览器的完整大小(无论您如何调整大小)？我只能想到这样的东西 - 但我不喜欢它，因为如果你有 container_24 的背景，那么你必须将它设置两次。重点是，我希望 container_24 下的所有其他内容甚至是完全展开的 div 中的文本。

<div class="container_24">
    <!-- stuff -->
</div>
<div style="width: 100%; background-color: gray;">
   <div style="margin: 0 auto; width: 940px;">
       Hello
   </div>
</div>
<div class="container_24">
   <!-- more stuff -->
</div>

Answer 1

将 z-index 值同时放在容器和展开的 div 上，并使展开的 div 的 z-index 值大于容器会将其取出。然后，您需要将展开的 div 的 position 设置为 absolute，然后它将展开到容器之外。我敢肯定，在某些情况下，这不会起作用/但会减少它。