如何将div放在窗口的底部？

Question

如果某个部门位于窗口的顶部或某处，我们将为其提供一些相对余量。有没有办法在底部设置div，就像在页脚上方？我将解释我的问题： 我有一个页脚 我有一个高度= 200px的div 我有另一个高度= 400px的div 现在我想将它们放在窗口中，使它们看起来像，它们被放在页脚上。我怎样才能做到这一点？谢谢

Answer 1

您的主要内容应该是这样的：

.wrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -40em; /* The -40em should be adjusted to your page, just play around with it */
}

然后你的div heitgh200，div height400和footer。

以下是一个完整的工作示例：

http://jsfiddle.net/bn72w/1/

这是一个关于粘性页脚的好教程：http://ryanfait.com/resources/footer-stick-to-bottom-of-page/