2011-07-27 40 views
0

如何在使用960網格系統的同時獲得擴展到瀏覽器全尺寸的div(無論您如何調整大小)?我只能想到像這樣的東西 - 但我不喜歡它,因爲如果你有container_24的背景,那麼你必須將它設置兩次。關鍵是,我希望在container_24下工作的所有其他東西,甚至是完整擴展div中的文本。使用960網格系統的全寬展開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> 

回答

0

容器和擴大的div和具有用於擴大的div比容器較大將其擡離z-index值上都放置一個z-index值。然後您需要將擴展​​div的position設置爲absolute,然後它將擴展到容器外。我敢肯定,在某些情況下,這不會起作用/切斷它。