全宽扩展div使用960网格系统?

时间:2011-07-27 21:11:05

标签: css 960.gs

在使用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>

1 个答案:

答案 0 :(得分:0)

在容器和扩展div上放置一个z-index值,并使扩展div的z-index值大于容器,将其解除。然后,您需要将展开div的position设置为absolute,然后它将从容器中展开。我确信在某些情况下这不会起作用/削减它。