我的内容与我的页脚重叠了(页脚是粘性的)。但它应该有正常的padding-top。我使用CakePHP(不相关)和Twitter Bootstrap。
在某些页面上它可以工作,而在其他页面上则不行。我该如何修复这个问题?
CSS
CSS
body {
padding-top: 60px;
}
.sidebar-nav {
padding: 9px 0;
}
html, body {
height: 100%;
}
footer {
padding: 17px 0 18px 0;
border-top: 1px solid #000;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -63px;
}
.push {
height: 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>