垂直填充空间，显示：table-cell（IE8 / 9）

Question

我在显示表单元格中有一个嵌套的显示表，我似乎没有将100％的高度应用于IE 8或9（即使是一个额外的包含div也无法工作），在所有其他主流浏览器中工作正常，这里是jsfiddle它应该解释一切。

http://jsfiddle.net/bDm4d/12/  尝试在firefox / chrome / safari中查看它应该如何看，并检查ie8 / 9你会理解这个问题。两列的高度应相等，因为它们都在显示表单元格中。中心（右边的绿色，左边的粉红色）高度为auto，因此它“应该像webkit / ff中那样展开”。

解决问题的方法是否有条件。

Answer 1

不幸的是，显示：IE不支持table-cell。幸运的是，有几种解决方法可以通过display来获得div：block来填充父母的高度，创建“相等高度”效果。当我遇到类似的布局挑战时，我发现this article非常有用。祝你好运！