IE11表格单元格高度与位置折叠：绝对内容

Question

在IE 11中测试一些旧的东西时遇到过这个问题。例如：

http://codepen.io/Samih/pen/zaqjA

基本上，当你有一个绝对定位内容的display: table-cell元素时，它会正常工作，直到修改该绝对容器的内容为止。您可以通过单击示例中的一个表格单元格来查看此内容。

在Chrome，Firefox甚至IE 10中，这不会导致问题，但在IE 11中，您可以看到表格单元格高度消失为0，并且在您执行调整窗口大小之前不会再返回。

我尝试过使用javascript改变单元格大小然后将其更改回来的黑客解决方案，但在我应用它的地方证明它不可靠。如果有人能想出一个基于CSS的解决方案，我会更喜欢。

Answer 1

我自己找到了答案。将display: inline-block应用于position: relative元素可修复IE 11中的问题。我不知道为什么，介意 - 但它确实有用！