0

体がフッターを伸ばしすぎて困っています。

私のCSS：

body{
    background-color:#EDEDED !important;
    background-image:url('http://static.lukepolo.com/public/assets/img/broken_noise.png') !important;
}

body > .container{
    min-height:100%;
}

html, body {
    height: 100%;
 }

footer{
    padding:10px;
    background-image:url('http://static.lukepolo.com/public/assets/img/broken_noise.png') !important;
    color:white;
}
footer p{
    display:inline-block;
}

私のHTML：

<div class="container">

</div>
<footer>
        <?php echo $footer;?>
</footer>

ここに私のリンクがあります: http://lukepolo.com/blog

4

3 に答える 3

2

これはかなり一般的な css の問題であり、典型的な解決策があります。

フッターにマイナスを追加してフッターを引き上げる必要がありますmargin-top。これは高さと同じです。次に、.container 内のコンテンツと重ならないようにするために、今度は .container にpadding-bottom、フッターの高さと同じ (等しいかそれ以上) の a を追加します。

于 2012-07-09T19:20:09.117 に答える
1

フッターにパディングを追加すると、スクロールバーが表示されます。

私はあなたがスティッキーフッターを達成しようとしている、そしてこれはあなたを助けるかもしれない：http ：//www.cssstickyfooter.com/

于 2012-07-09T19:21:20.923 に答える
0

次のものを削除できます。

body > .container{
    min-height:100%;
}

それが原因でフッターが画面からはみ出してしまうからです。

于 2012-07-09T19:23:18.487 に答える