Html 当DIV应该延伸到其内部内容的高度时，它会在视图端口的底部被切断

看看这个JSFIDLE示例：

在这里，我将

内容

div扩展到100%的高度，它工作正常。但是，当我在

content

div中有一些非常高的内容时，就会发生这种情况：

如您所见，

content

div在视口底部被截断，我希望它与其中的内容一起运行

我知道为什么会发生这种情况，因为它的父元素（html和body）被设置为100%高度，并且不能超过这个值。为了解决这个问题，我添加了一个包装器div，现在它可以工作了：

但是现在还有另一个问题，当

content

div中的内容不够长，无法延伸到视口之外时，

content

div无法延伸到页面的高度，如下所示：

---

因此，问题是，我如何调整它，使

内容
div始终至少100%高度？
不要使用包装，而是在您的内容div上使用
最小高度：100%
而不是
高度：100%

注意：IE6不支持最小高度。
您需要非jQuery答案吗？您的标签会指出这一点，但需要确认。
min height
不兼容跨浏览器，尤其是旧版（但仍与统计相关）的IE。如果IE6是相关版本，则取决于您希望构建的站点类型。是的，你们都是对的，IE6不理解它。可以发誓比IE6更新的版本不支持它。我做了一些调查，看起来至少在理论上你是对的，嗯。@Madbreaks，我们都知道IE是个惊喜；）要获得IE6支持，只需使用条件类设置
height:100%
。IE6将
高度
视为
最小高度
：