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值大于容器将提升它。然后，您需要将position扩展​​ div 设置为absolute，然后它将扩展出容器。我敢肯定，在某些情况下，这将不起作用/削减它。