身高推下页脚到远点

我遇到了麻烦，身体伸向远处。身高推下页脚到远点

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

这里是一个图像，可能有助于理解：

http://img18.imageshack.us/img18/6575/helpgh.png

来源

2012-07-09 LukePOLO

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

您需要通过向其添加负数margin-top来拉起页脚，这等于它的高度。然后确保它不会与.container内的任何内容重叠，这次添加到.container，padding-bottom也等于页脚的高度（等于或大于）。

来源

2012-07-09 19:20:09 banzomaikaka

当时，我正在玩耍！非常感谢 – LukePOLO 2012-07-09 19:23:24

@ user1212047使用同样的想法，绝对定位可能会比负边缘'顶部'更好。 – Sherbrow 2012-07-09 19:24:22

使用位置：绝对你不得不把脚注放在一个包含两个页脚的div中，并且，如user1212047，将它称为.container。你还必须在页脚上指定宽度，因为它是绝对的。我认为保证金比较简单，对于这种特殊情况更好。 – banzomaikaka 2012-07-09 19:36:38

嗯，滚动条的出现是因为您向页脚添加了填充。

我你想实现粘页脚，那么这可能会帮助您：http://www.cssstickyfooter.com/

来源

2012-07-09 19:21:20 algiecas

您可以删除：

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

，因为这是什么原因造成的页脚是关闭屏幕。

来源

2012-07-09 19:23:18 Quantastical

身高推下页脚到远点

回答

相关问题