在侧边栏旁边有嵌套的100%宽度标题的网格系统?

时间:2012-07-16 03:29:29

标签: html css layout

我尝试使用978.gs和Blueprint来创建以下布局:

Desired CSS layout screenshot

我知道如何获得100%页面宽度标题(位于侧边栏上方),但我正在努力的是如何使用网格系统获得带有侧边栏和嵌套的100%宽度标题的我想要的布局?如果使用网格系统是不可能的,您如何推荐我实现这一目标?

1 个答案:

答案 0 :(得分:0)

Michael P,请尝试更具体地解答您的问题(尽管我们大多数人都非常感谢您的简洁措辞!)。我打算回答,希望我理解你。如果我发了,那就别担心 - 这很容易!

  • 您的侧边栏具有固定的CSS width属性,并与左侧对齐。
  • 您的主要部分(右侧)应占用剩余页面宽度,(可能将margin-left设置为px中与侧边栏相同的值。
  • 您的主要部分包含标题栏,侧栏中的SEPARATE,对吗?您的主要部分还包含您的网格系统。

无论如何,主要部分应该是HTML <div></div>元素,对吗?

如果在主要部分内放置另一个div,则可以使其宽度为100%。这只会填充其父容器的宽度。见图:enter image description here

无论如何,这里是我制作的代码的小提琴:http://jsfiddle.net/Vm7YU/ 看看这个。我希望这回答了你的问题。如果没有,请说出来。