html - 带有最小高度和溢出的 IE8 错误 :hidden?

Question

检查以下内容:

http://jsfiddle.net/symposion/P8KBe/7/

在 IE8 中，然后是 Chrome/Firefox/IE9+。您会注意到，在 IE8 中，内部蓝色 div 在最外层 #slicer div 的边缘被切掉，尽管事实上只有 #outer 是 溢出:隐藏。如果我将 #outer 上的 min-height 更改为明确的 height，问题就会消失。

这个例子可能看起来不自然，但这只是因为我在此处对其进行了简化。我在一个真实的元素中遇到过这个问题，这让我很头疼，因为我改变所使用的布局原则的范围有限——有太多其他依赖项。我在这里寻找两件事:

1. 这是某处列出的已知错误吗？问题的最简单陈述是什么？我仍然觉得我没有真正理解导致 IE8 出错的潜在错误；它仍然不是一个特别简单的测试用例。

2. 是否有不涉及更改 #outer 和 #slicer 样式的解决方法？在我的真实世界示例中，这些是我将难以更改的更大页面框架的一部分，而 #inner 位更容易在我的控制之下。

(更新)原始示例非常人为设计，力求最小化。我在这里创建了一个新的 JSFiddle:http://jsfiddle.net/symposion/NDa6U/这样可以更好地了解现实世界的问题。如果您在 IE8 中调整 html Pane 的大小，您会注意到最终绿色的内部内容部分开始被错误地截断。我正在寻找的是让此部分保持其所包含的 div 高度的 100%，理想情况下无需对 #innerContainer 以外的任何内容进行任何重大更改。但老实说，我会对任何保留基本布局原则(从定义的像素位置扩展到距页面底部定义的距离但具有最小高度的底部部分)有效的解决方案感兴趣在 IE8 中。

Answer 1

http://jsfiddle.net/thirtydot/NDa6U/22/怎么样？ ？

#innerContainer {
    padding-bottom: 9999px;
    margin-bottom: -9999px;
}​

以下是有关此技术的一些(相对)旧的背景信息:http://www.positioniseverything.net/articles/onetruelayout/combined

根据个人经验，它可以在所有现代浏览器中正常运行。