Css 固定页脚960.gs_Css_Sticky Footer_960.gs

Css 固定页脚960.gs

css

Css 固定页脚960.gs,css,sticky-footer,960.gs,Css,Sticky Footer,960.gs,我想创建固定页脚，但是否可以使用960 gs，因为我对容器div的高度有问题。我无法将其设置为%100 <div class="container_12" > <div class="grid_3" id="side-space"></div> <div class="grid_6"> <div id="content-box"></div> </div> &l

我想创建固定页脚，但是否可以使用960 gs，因为我对容器div的高度有问题。我无法将其设置为%100

<div class="container_12" > 
    <div class="grid_3" id="side-space"></div>
    <div class="grid_6">
         <div id="content-box"></div>
    </div>
    <div class="grid_3" id="side-space"></div>
</div>

我认为960.gs与身高没有多大关系。。它只处理列和清除。很好的框架开始。尝试将正文设置为100%，然后将内容框设置为100%。这是我偶然遇到的一个例子

<!-- IE in quirks mode -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<title>Fixed footer</title>
<style type="text/css">
body{
margin:0;
padding:0 0 <length> 0;
}
div#footer{
position:absolute;
bottom:0;
left:0;
width:100%;
height:<length>;
}
@media screen{
body>div#footer{
position: fixed;
}
}
* html body{
overflow:hidden;
} 
* html div#content{
height:100%;
overflow:auto;
}
</style>
<div id="footer"> footer </div>
<div id="content"> content </div>


固定页脚
身体{
保证金：0；
填充：0；
}
div#页脚{
位置：绝对位置；
底部：0；
左：0；
宽度：100%；
身高：；
}
@媒体屏幕{
正文>div#footer{
位置：固定；
}
}
*html正文{
溢出：隐藏；
} 
*html div#内容{
身高：100%；
溢出：自动；
}
页脚
内容