Question

我确实尝试过一切让这个工作起来。我已经阅读了所有其他stackoverflow一切。我正试图让DIV一直走到页面底部。正如你在jsfiddle（通过侧边框）中看到的那样，它没有。它似乎停在357px的高度，这不是全高。然后我发现我的div是100％的身体，因为身体也是357px，即使我也指定它应该是100％。没有什么工作，我不知道为什么。在我之前的项目中，我从未遇到过这个问题。我刚刚指定了一个最小高度，当我添加更多内容时，传递了这个min-height，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;
            }

Answer 2

从＃main-body选择器中删除高度声明。

#main-body{
    display:block;
    margin-left:16%;
    margin-right:30%;
    border:1px solid #dead68;
    border-top:none;
    border-bottom:none;
}

工作小提琴：http://jsfiddle.net/EfrainReyes/5tS8y/1/

Answer 3

如果您将高度更改为auto或只是不定义高度，它会自动包含div内的所有文本。 Here 是一个有效的版本。我也整理了你的代码（只需单击TidyUp按钮），这样它就是可读的。

Answer 4

我刚刚玩过小提琴，改变了：

height:100% !important;

要

min-height:100% !important;

似乎可以解决问题

新小提琴：http://jsfiddle.net/R96Lc/2/

Answer 5

你宣布

bottom 0

但是div不是绝对的，你也可以不声明任何高度。

让我的div转到页面底部

5 个答案: