Html 推特引导:内容与粘性页脚重叠
我的内容与页脚重叠(这是粘性的)。但它应该有一个正常的填充顶部。我如何使用CakePHP(不相关)和Twitter引导。 在某些页面上它有效,而在其他页面上则无效。我怎样才能解决这个问题 CSSHtml 推特引导:内容与粘性页脚重叠,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; } .推{
正文{
填充顶部: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