网格系统在边栏旁边嵌套100％宽度标题？

Question

我试图既978.gs和蓝图，共创以下布局：

我知道如何获得100％的页面宽度标题（即位于侧边栏以上），但我我正在努力的是如何使用网格系统获得我想要的带有侧边栏和嵌套100％宽度标题的布局？如果网格系统无法实现，那么您如何推荐我实现这个目标？

Answer 1

迈克尔P，请尽量让你的问题更具体（虽然我们大多数人真的很欣赏你的简洁的措辞，因为它！）。我会试图回答，我希望我能理解你。如果我做了，那么别担心 - 这很容易！

• 您的侧栏具有固定的CSS width属性，并且与左侧对齐。
• 您的主要部分（右侧）应占用剩余的页面宽度（可能通过将margin-left设置为与侧边栏相同的值px）。
• 您的主要部分包含标题栏，从边栏中分离出来吧？您的主要部分还包含您的网格系统。

无论如何，主要部分应该是HTML <div></div>元素，对吧？

如果你把另一个div放在主要部分的内部，你可以使它成为100％的宽度。这只会填充与其父容器一样宽。看到这个图：

无论如何，这里是我取得了令该代码小提琴：http://jsfiddle.net/Vm7YU/ 检查出来。我希望这回答了你的问题。如果没有，请说出来。