css - 修复了 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>
    <div class="grid_3" id="side-space"></div>
</div>

最佳答案

我不认为 960.gs 与高度有多大关系。它只处理列和空地。不错的框架开始。尝试将正文设置为 100%,然后将 #content-box 设置为 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>

关于css - 修复了 960.gs 的页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2981317/

相关文章:

css - 如何让页脚停留在网页底部?

CSS 粘性页脚,页眉在页面换行之外

css - 如何制作流畅的粘性页脚

css - 如何使用css自动将div block 流到下一行?

css - 位置:固定在 CSS 媒体打印上似乎重复打印内容?

html - 你可以在没有绝对位置的情况下使子 div 大于父 div 吗?

滚动时 jQuery ui 对话框停留在底部

html - 为什么这两个元素不同时过渡?

css - 图像未与其上方和下方的文本水平对齐(960 网格)

css - Fluid 960 Accordion 扩展