身高从底压下来太远了

Question

我的身体太长了，我的身体太长了。

我的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

Answer 1

这是一个相当常见的CSS问题，因此有一个典型的解决方案。

你需要向它添加一个负margin-top来向上拉页脚，它等于它的高度。然后为了确保它不与.container中的任何内容重叠，这次添加到.container，padding-bottom也等于页脚的高度（等于或高于）。

Answer 2

好吧，滚动条出现是因为你在页脚中添加了填充。

我正在努力实现粘性页脚，这可能会对您有所帮助：http://www.cssstickyfooter.com/

Answer 3

您可以删除：

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

因为这是导致页脚脱离屏幕的原因。