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中的问题。我不知道为什么，介意 - 但是它有效！