When using grid 960, can I still have a 100% width

2019-03-04 04:03发布

站内问答 / HTML/CSS
637 5 6

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?

标签： css 960.gs
举报
5条回答
Animai°情兽
2楼-- · 2019-03-04 04:38

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

查看更多
0人赞 添加讨论(0) 举报
叼着烟拽天下
3楼-- · 2019-03-04 04:39

Sure it is:

<body>
    <div style="width: 100%;">Heading</div>
    <div class="grid-960-container">
        ...
    </div>
</body>
查看更多
0人赞 添加讨论(0) 举报
欢心
4楼-- · 2019-03-04 04:49

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>
查看更多
0人赞 添加讨论(0) 举报
叼着烟拽天下
5楼-- · 2019-03-04 04:52

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) 举报
【Aperson】
6楼-- · 2019-03-04 04:54

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

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(6)