使用网格960时,我仍然可以拥有100%宽度的标题部分吗?

时间:2011-04-23 21:09:01

标签: css 960.gs

我想使用网格系统,比如网格960。

但我希望网站的顶部标题为100%,这还有可能吗?

5 个答案:

答案 0 :(得分:5)

当然......只需手动设置顶部的样式为100%。

答案 1 :(得分:2)

是。您可以将标题与主要内容分开,例如:

<body>
    <div class="header" style="width:100%;"></div>
    <div class="mainWrapper container_12">
        <div class="grid_6"></div>
        <div class="grid_6"></div>
        <div class="clear"></div>
    </div>
</body>

答案 2 :(得分:1)

960gs使用容器或设置宽度为960px的包装div来形成网格。如果您希望页眉或页脚拉伸页面的整个宽度,那么您应该将该区域拉到960 px包装器之外并赋予其宽度100%。

答案 3 :(得分:0)

当然是:

<body>
    <div style="width: 100%;">Heading</div>
    <div class="grid-960-container">
        ...
    </div>
</body>

答案 4 :(得分:0)

是的,这是可能的。

第一步是将此代码添加到CSS:

body,canvas {
    border:0;
    margin:0;
    padding:0;
}

然后上课:

.full-width-div {
    width: 100%;
}

然后将其添加到您的HTML中:

<div class="full-width-div"> 
    Your content...
</div>