看看这个 jsfiddle 示例：http: //jsfiddle.net/2YbpZ/5/
在这里，我将contentdiv 拉伸到 100% 的高度，它工作正常。但是，当我在contentdiv 中有一些非常高的内容时，就会发生这种情况：http: //jsfiddle.net/2YbpZ/2/
如您所见，content当我希望 div 继续处理其中的内容时，div 会在视口底部截断。
我知道为什么会发生这种情况，因为它的父元素（html 和 body）被设置为 100% 的高度，而且不能超过这个高度。为了解决这个问题，我添加了一个包装器 div，现在它可以工作了：http: //jsfiddle.net/2YbpZ/4/
但是现在还有另一个问题，当contentdiv 内的内容不够长而无法伸展到视口之外时，contentdiv 不会伸展到页面的高度，如下所示：http: //jsfiddle.net/2YbpZ/4 /
所以，问题是，我怎样才能调整它以使contentdiv 始终保持至少100% 的高度？