html - 页脚不会落到页面底部

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

将 #wrapper 的 height 属性更改为 min-height

#wrapper {
   min-height: 100%;
}

我也有一些建议，float 和 clear 在 footer 上没有意义，删除它。