Html 推特引导:内容与粘性页脚重叠

Html 推特引导:内容与粘性页脚重叠,html,css,sticky-footer,Html,Css,Sticky Footer,我的内容与页脚重叠(这是粘性的)。但它应该有一个正常的填充顶部。我如何使用CakePHP(不相关)和Twitter引导。 在某些页面上它有效,而在其他页面上则无效。我怎样才能解决这个问题 CSS 正文{ 填充顶部:60px; } .侧边栏导航{ 填充:9px0; } html,正文{ 身高:100%; } 页脚{ 填充:17px 0 18px 0; 边框顶部:1px实心#000; } .包装纸{ 最小高度:100%; 高度:自动!重要; 身高:100%; 保证金:0自动-63px; } .推{

我的内容与页脚重叠(这是粘性的)。但它应该有一个正常的填充顶部。我如何使用CakePHP(不相关)和Twitter引导。 在某些页面上它有效,而在其他页面上则无效。我怎样才能解决这个问题

CSS

正文{
填充顶部:60px;
}
.侧边栏导航{
填充:9px0;
}
html,正文{
身高:100%;
}
页脚{
填充:17px 0 18px 0;
边框顶部:1px实心#000;
}
.包装纸{
最小高度:100%;
高度:自动!重要;
身高:100%;
保证金:0自动-63px;
}
.推{
高度:63px;
}
HTML

<div class="container-fluid wrapper">
    <div class="row-fluid">
        <div class="span11">
            //content
        </div>
    </div>
</div>

<footer class="footer">          
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span8">
            </div>
            <div class="span4">
                <div class="footer-links pull-right>
                  //content
                </div>
            </div>
        </div>
    </div>
    <div class="footer-floor">
        <div class="container-fluid">
                //content
        </div>
    </div>
</footer>

//内容

为了使粘性页脚工作,您必须为
.push
.footer
设置高度。尝试将
63px
高度添加到页脚

.push, footer {
height: 63px;
}

让你的页脚在侧边栏的z-index上建立z-index