Html 简单的css问题-粘性页脚等

Html 简单的css问题-粘性页脚等,html,css,Html,Css,因此,我使用了下面的粘性页脚示例: 它工作得很好,除了一件事——当我的主div中的内容变得太长时,它会与页脚重叠,而不是将其向下推 有什么建议吗 谢谢! Elliot他们在.wrapper上使用边距底部:-142px,.footer的高度为142px,因此无论.wrapper有多大,底部总是有空的142px,然后用.footer填充。出现这种情况是因为存在负边距: .wrapper { font-size:0.9em; margin:0 auto -142px; 在您的情况下,可能是您忘记了

因此,我使用了下面的粘性页脚示例:

它工作得很好,除了一件事——当我的主div中的内容变得太长时,它会与页脚重叠,而不是将其向下推

有什么建议吗

谢谢!
Elliot

他们在.wrapper上使用边距底部:-142px,.footer的高度为142px,因此无论.wrapper有多大,底部总是有空的142px,然后用.footer填充。

出现这种情况是因为存在负边距:

.wrapper  {
font-size:0.9em;
margin:0 auto -142px;
在您的情况下,可能是您忘记了元素。按。在.wrapper中它应该是空的

< div class="push" >< / div >

或者您可能为.wrapper设置了z-index

您是对的,我为不同的div定义了一个愚蠢的高度:\