html – Twitter-Bootstrap：内容重叠粘性页脚

发布时间：2020-12-14 22:49:23 所属栏目：资源来源：网络整理

导读：我的内容与我的页脚重叠(粘性).但它应该有一个普通的填充顶部.我如何使用CakePHP(不相关)和Twitter Bootstrap. 在某些页面上它可以工作,而在其他页面上则不然我怎样才能解决这个问题？ CSS body { padding-top: 60px;}.sidebar-nav { padding: 9px 0;}html,b

我的内容与我的页脚重叠(粘性).但它应该有一个普通的填充顶部.我如何使用CakePHP(不相关)和Twitter Bootstrap.
在某些页面上它可以工作,而在其他页面上则不然我怎样才能解决这个问题？

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


最佳答案
为了使粘性页脚起作用,您必须为.push和.footer设置高度.尝试将63px高度添加到页脚.

.push,footer {
height: 63px;
}


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!