IE8具有最小高度和溢出的錯誤：隱藏？

Question

查看以下內容：

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

在IE8中，然后是Chrome / Firefox / IE9 +。 您會注意到，在IE8中，內部的藍色div在最外面的#slicer div的邊緣被#slicer ，盡管實際上只有#outer overflow:hidden 。 如果我將#outer的min-height更改為一個明確的height ，問題就消失了。

該示例似乎是人為設計的，但這僅僅是因為我在這里已經對其進行了簡化。 我在一個真實的項目中遇到了這個問題，這令人頭疼，因為我在有限范圍內無法更改所使用的布局原理-其他相關性太多。 我在這里尋找兩件事：

1. 這是某個地方列出的已知錯誤嗎？ 最簡單的問題陳述是什么？ 我仍然不覺得我真的了解導致IE8弄錯的根本錯誤。 它仍然不是一個特別簡單的測試用例。

2. 有沒有不更改#outer和#slicer樣式的解決方法？ 在我的真實示例中，這些是較大的頁面框架的一部分，我將難以更改，而#inner位更容易控制。

（更新）原始示例的設計極少。 我在這里創建了一個新的JSFiddle： http : //jsfiddle.net/symposion/NDa6U/ ，它提供了一個關於實際問題的更好的視圖。 如果您在IE8中調整html窗格的大小，您將注意到最終綠色的內部內容部分開始被錯誤地切斷。 我要尋找的是此部分保持其所包含的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

從個人經驗來看，它可以在所有現代瀏覽器中正常運行。