简单的CSS问题 - 粘性页脚等

时间:2010-05-15 17:22:03

标签: html css

所以我使用了来自http://ryanfait.com/sticky-footer/

的粘性页脚示例

除了一件事之外,它的效果很好 - 当我的主div中的内容太长时,它会与页脚重叠,而不是将其推到页面上。

有什么建议吗?

谢谢! 埃利奥特

2 个答案:

答案 0 :(得分:2)

他们在.wrapper上使用margin-bottom:-142px,而.footer是142px高,所以无论.wrapper有多大,底部总是会有空的142px然后用.footer填充

答案 1 :(得分:0)

发生这种情况是因为存在负余量:

.wrapper  {
font-size:0.9em;
margin:0 auto -142px;

在你的情况下,你可能忘记了元素.push。它应该在.wrapper

中为空
< div class="push" >< / div >

或者你可以为.wrapper

设置z-index