網格系統在邊欄旁邊嵌套100％寬度標題？

Question

我試圖既978.gs和藍圖，共創以下佈局：

我知道如何獲得100％的頁面寬度標題（即位於側邊欄以上），但我我正在努力的是如何使用網格系統獲得我想要的帶有側邊欄和嵌套100％寬度標題的佈局？如果網格系統無法實現，那麼您如何推薦我實現這個目標？

Answer 1

邁克爾P，請儘量讓你的問題更具體（雖然我們大多數人真的很欣賞你的簡潔的措辭，因爲它！）。我會試圖回答，我希望我能理解你。如果我做了，那麼別擔心 - 這很容易！

• 您的側欄具有固定的CSS width屬性，並且與左側對齊。
• 您的主要部分（右側）應占用剩餘的頁面寬度（可能通過將margin-left設置爲與側邊欄相同的值px）。
• 您的主要部分包含標題欄，從邊欄中分離出來吧？您的主要部分還包含您的網格系統。

無論如何，主要部分應該是HTML <div></div>元素，對吧？

如果你把另一個div放在主要部分的內部，你可以使它成爲100％的寬度。這隻會填充與其父容器一樣寬。看到這個圖：

無論如何，這裏是我取得了令該代碼小提琴：http://jsfiddle.net/Vm7YU/ 檢查出來。我希望這回答了你的問題。如果沒有，請說出來。