html - 让我的 div 转到页面底部

Question

我真的尝试了一切来让它工作。我已经阅读了所有其他 stackoverflow 的所有内容。 我试图让一个 DIV 一直到页面底部。正如您在 jsfiddle 中看到的(通过侧边框)它没有。它似乎停在 357px 的高度，这不是全高。然后我发现我的 div 是 body 的 100%，因为 body 也是 357px，尽管我也指定它应该是 100%。没有任何效果，我不确定为什么。在我以前的元素中，我从来没有遇到过这个问题。我只是指定了一个最小高度，当我添加更多内容时，通过该最小高度，div 随之而来。但是这次它由于某种原因溢出了。

html, body {background-color:#F6EBBA;height:100%;position:relative;}
#main-body{
  display:block;
  height:100% !important;
  margin-left:16%;
  margin-right:30%;
  border:1px solid #dead68;
  border-top:none;
  border-bottom:none;
  bottom:0}

http://jsfiddle.net/R96Lc/

我的网站有更多内容，但我不得不删除不需要的 js、css，并将 html 更改为，以便您可以看到我在说什么。

提前致谢。

Answer 1

LIVE DEMO

你可以在这里声明最小高度:

html, body { background-color:#F6EBBA;
              min-height:100%;
              position:relative;
            }