javascript - 当 body 高度 100% 时，将页脚粘到底部

Question

我喜欢根据窗口的高度创建我的样式，通常通过将 html 和 body 的高度设置为 100% 来实现

html, body{
   min-height: 100%;
   height: 100%;
}

然后我可以根据下面的 jsfiddle 中所示的样式设置剩余元素的高度。问题是，我希望我的页脚贴在底部，这对于不超出窗口高度的页面非常有用，但如果它们超出了窗口高度，则页脚会固定在那里。我怎样才能修复它，以便我仍然使用 html，100% 的主体高度，并且仍然让页脚始终贴在底部。 *注意:我做了

的包装方式

#wrapper{
  min-height:100%;
}

并且效果不佳，因为子元素的高度效果不佳。

http://jsfiddle.net/mmahalwy/m4AjL/

建议？

---

编辑: 这样解决了: http://jsfiddle.net/mmahalwy/7wqqF/

谢谢大家!

Answer 1

问题来了，

您正在使用 2 个 100% 高度的 css 样式标签，每个标签都命名为 class=block 如果您只是制作了一个高度为 100% 的主 div 并且其中的所有其他 div 一切都会正常工作。