0

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

所需的 CSS 布局屏幕截图

我知道如何获得位于侧边栏上方的 100% 页面宽度标题,但我正在努力使用网格系统获得带有侧边栏和嵌套 100% 宽度标题的所需布局?如果网格系统无法实现,我该如何实现?

4

1 回答 1

0

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

  • 您的侧边栏有一个固定的 CSSwidth属性并与左侧对齐。
  • 您的主要部分(右侧)应该占据剩余的页面宽度,(可能通过margin-left设置为与侧边栏相同的值px)。
  • 您的主要部分包含标题栏,与侧边栏分开,对吗?您的主要部分还包含您的网格系统。

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

如果您在主要部分内放置另一个 div,则可以将其设置为 100% 宽度。这只填充与其父容器一样宽。看这张照片:在此处输入图像描述

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

于 2012-07-16T04:17:08.600 回答