当前位置： 文江博客话题详情

使用 grid 960 时，我还能拥有 100% 宽度的标题部分吗？

发布于 2024-11-02 18:42:25 字数 63 浏览 0 评论 0原文

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

但是我希望网站的顶部标题为 100%，这仍然可能吗？

原文

I want to use a grid system, like say grid 960.

But I want the top header of the website to be 100%, is this still possible?

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（5）

偏爱自由 2024-11-09 18:42:25

当然...只需手动将顶部部分设置为 100%。

Sure... just manually style the top part to be 100%.

回复 原文
故事灯 2024-11-09 18:42:25

是的。您可以将标题与主要内容分开，例如：

<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>

Yes. You can separate header from main content like:

<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>
回复 原文
只是在用心讲痛 2024-11-09 18:42:25

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

The 960gs uses a container, or wrapper div with a set width of 960px to form the grid. If you want your header or footer to stretch the entire width of the page, then you should pull that area outside of the 960 px wrapper and give it a width of 100%.

回复 原文
云柯 2024-11-09 18:42:25

当然是：

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

Sure it is:

<body>
    <div style="width: 100%;">Heading</div>
    <div class="grid-960-container">
        ...
    </div>
</body>
回复 原文
北风几吹夏 2024-11-09 18:42:25

是的，这是可能的。

第一步是将此代码添加到您的 CSS 中：

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

然后创建一个类：

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

然后将其添加到您的 HTML 中，如下所示：

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

Yes, it's possible.

The first step is to add this code to your CSS:

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

Then make a class:

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

And then just add it to your HTML like this:

<div class="full-width-div"> 
    Your content...
</div>
回复 原文
~没有更多了~

关于作者

柠檬心

暂无简介

0 文章
0 评论
23 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

留蓝

文章 0 评论 0

18790681156

文章 0 评论 0

zach7772

文章 0 评论 0

Wini

文章 0 评论 0

ayeshaaroy

文章 0 评论 0

初雪

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文