页脚没有落到页面底部

Question

这个页脚已经有一段时间了。直接链接到第here页。应该有两个页脚状态：

1. 当内容高度小于页面高度时，页脚应该粘贴到窗口的底部，就像当前一样
2. 当内容高度大于窗口高度时（见图），页脚不会落到内容的底部。

1。有效但 2。不起作用。该问题的图片here就是滚动pic时发生的情况 任何想法如何解决？

CSS：

footer {
   width: 100%;
   float: left;
   clear: both;
   height: 50px;
   position: relative;
   bottom: 0;
   overflow: hidden;
   margin-top: -50px;
}

Answer 1

问题不在于页脚div，问题在于预览DOM元素#wrapper

将height的{​​{1}}属性更改为#wrapper

min-height

我也没有什么建议，浮动和清除在#wrapper { min-height: 100%; } 删除它没有意义。