5

コンテンツがフッターと重なっています（粘着性があります）。ただし、通常のパディングトップが必要です。CakePHP（関連なし）とTwitterBootstrapの使い方。一部のページでは機能し、他のページでは機能しません。どうすればこれを修正できますか？

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>
4

2 に答える 2

4

スティッキーフッターを機能させるには、との両方の高さを設定する必要が.pushあり.footerます。63pxフッターにも高さを追加してみてください。

.push, footer {
height: 63px;
}
于 2012-12-19T13:39:06.400 に答える
0

フッターをサイドバーのz-indexよりもどういうわけかz-indexにします。

于 2016-07-30T17:05:18.603 に答える