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

2019-03-04 04:16发布

问题:

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?

回答1:

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



回答2:

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>


回答3:

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



回答4:

Sure it is:

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


回答5:

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>


标签: css 960.gs