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中的问题。我不知道为什么，请介意 - 但它起作用！