我有五个 div 框:wrapper、header、navigation、content-title、content。标题和导航具有固定的高度，内容应始终位于网站的其余部分(到底部)。我的问题是每次都存在垂直滚动条。如果我的内容只有几行文本，也会发生这种情况。
我希望仅当内容 div 中的内容对网站来说太长时才显示滚动条。
演示:
1).网站有几句话:http://projekt-pythorion.de/Test/index.php
2).多词网站:http://projekt-pythorion.de/Test/index_manywords.php
1 = 不正确，因为我不想要滚动条，因为文本不是很长，但我希望我的内容 div 位于网页底部。
2 = 正确，因为文本太长，所以我可以向下滚动。
最佳答案
我不确定我是否理解您的问题。但是，如果您需要一个仅在内容大于容器时才会出现的滚动条，那么您正在寻找 overflow: auto。
这是一个显示它工作的例子:http://jsfiddle.net/tnh9M/
编辑
现在有了您更新的问题，就可以看到问题所在。从 #content_box_background 中删除 height: 100%，因为它会使文档正文溢出...如果你想让它到页面底部，你必须计算 100% 高度，减去您设置的顶部偏移量，例如 height: calc(100% - 400px);
关于html - 将内容框设置为 100% 高，但如果内容只有几行，则无需滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24331078/